/* reset styles
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* master styles
--------------------------------------------- */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444444;
  font-size: 62.5%;
  text-rendering: optimizeLegibility;
  background: #fff; }

/* links */
a:link, a:visited {
  color: #4083a9;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none;
  color: #205f82; }

/* form cursors */
button[type="submit"],
input[type="submit"] {
  cursor: pointer; }

/* custom selection colors */
::-moz-selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: #ea4c89; }

::selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: #ea4c89; }

/* page structure
--------------------------------------------- */
#wrap {
  background: #f0f0f0 url(/static/images/noise-f1.gif) repeat -70% 0; }

#wrap-inner {
  padding: 20px 12px 30px 12px; }

#content {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
  padding: 0;
  font-size: 1.2em; }

#main {
  float: left;
  width: 74.226804123711%;
  /* 720 / 970 */
  font-size: 1.2em; }

#main.main-full,
#main.full-800 {
  float: none;
  width: auto;
  max-width: 970px; }

#main.main-search,
body#user-profile #main,
body#profile #main,
body#profile-secondary #main {
  position: relative; }

div.col-25 {
  float: left;
  width: 220px;
  margin: 0 20px 0 0; }

div.col-25-last {
  margin-right: 0; }

div.col-33 {
  float: left;
  width: 31.27147766323%;
  /* 301.333 / 970 */
  margin: 0 3.092783505155% 0 0;
  /* 30 / 970 */ }

div.col-33-last {
  margin-right: 0; }

#main div.col-50 {
  float: left;
  width: 47.916666666667%;
  /* 345 / 720 */ }

#main div.col-50-last {
  float: right;
  width: 47.916666666667%;
  /* 345 / 720 */ }

#main div.col-60 {
  float: left;
  width: 560px; }

#main div.col-70 {
  float: left;
  width: 460px; }

#main div.col-30 {
  float: right;
  width: 220px; }

#main div.col-2x2 {
  float: left;
  width: 460px;
  margin: 0 0 40px 0; }

#main div.col-2x2-last {
  float: right;
  width: 460px; }

#main div.col-3x3 {
  float: left;
  width: 220px;
  margin: 0 20px 0 0; }

#main div.col-3x3-last {
  margin-right: 0; }

div.secondary {
  float: right;
  width: 22.680412371134%;
  /* 220 / 1000 */
  font-size: 1.2em; }

div.secondary.extra {
  clear: both;
  float: left;
  width: 100%;
  margin: 55px 0 0 0;
  padding: 45px 0 0 0;
  border-top: 2px solid #ddd; }

/* header
--------------------------------------------- */
#header {
  background: #333; }

#header-inner {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
  padding: 15px 12px; }

#logo {
  float: left;
  margin: 2px 20px 0 0; }

#logo img {
  height: 0; }

#logo a,
#logo span {
  display: block;
  width: 100px;
  height: 26px;
  background: url(/static/images/dribbble-tm.png?2) no-repeat 0 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

#logo a:hover {
  opacity: .6; }

/* search */
#search input {
  vertical-align: middle; }

input.search-text {
  width: 190px;
  padding: 5px 5px 5px 25px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #bbb;
  border: none;
  background: white url(/static/images/icon-search.png) no-repeat 7px 50%;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

input.search-text::-webkit-input-placeholder {
  color: #bbb; }

input.search-text:focus {
  color: #444444;
  outline: none; }

/* nav */
#toggle-nav {
  display: none; }

#nav {
  margin: 0 246px 0 20px;
  padding: 2px 0 0 0;
  color: #777777; }

#nav > li {
  float: left;
  margin: 0 4px 0 0;
  font-size: 1.25em;
  line-height: 1; }

#nav li#t-search {
  position: absolute;
  top: 16px;
  right: 10px;
  margin: 0; }

#nav li#t-profile,
#nav li#t-signin,
#nav li#t-activity,
#nav li#t-upld {
  float: right; }

#nav li#t-profile span.profile-name {
  display: none; }

#nav li#t-profile img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

#nav li > a {
  display: block;
  padding: 6px 10px 7px 10px;
  text-decoration: none;
  color: #aaa; }

#nav li:hover > a,
#nav li > a:hover {
  color: #fff;
  background: #555555 url(/static/images/tab-overlay.png) repeat-x 0 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

#nav li#t-activity a span {
  display: block;
  line-height: 16px;
  text-indent: -9999px;
  padding-left: 23px;
  background: url(/static/images/icon-activity.png) no-repeat 0 50%; }

#nav li#t-upld a span {
  display: block;
  margin-top: -1px;
  line-height: 18px;
  text-indent: -9999px;
  padding-left: 29px;
  background: url(/static/images/icon-upload.png?2) no-repeat 0 50%; }

#nav li#t-signup a span {
  padding-left: 26px;
  background: url(/static/images/icon-signup.png) no-repeat 0 50%; }

/* you are here */
body#user-profile li#t-profile > a,
body#shots #nav li#t-shots > a,
body#players #nav li#t-players > a,
body#explore #nav li#t-explore > a,
body#teams #nav li#t-teams > a,
body#jobs #nav li#t-jobs > a,
body#upld #nav li#t-upld > a,
body#about #nav li#t-about > a,
body#incoming-activity li#t-activity > a,
body#signup #nav li#t-signup > a {
  font-weight: bold;
  color: #fff;
  background: rgba(0, 0, 0, 0.35) url(/static/images/tab-underlay.png) repeat-x 0 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

/* subnavs */
#nav li#t-profile:hover > a,
body#user-profile li#t-profile:hover > a,
#nav li#t-shots:hover > a,
body#shots #nav li#t-shots:hover > a,
#nav li#t-players:hover > a,
body#players #nav li#t-players:hover > a,
#nav li#t-explore:hover > a,
body#explore #nav li#t-explore:hover > a,
#nav li#t-activity:hover > a,
body#activity #nav li#t-activity:hover > a {
  background: #555555 url(/static/images/tab-overlay.png) repeat-x 0 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

#nav li ul.tabs {
  position: absolute;
  display: none;
  float: left;
  width: 160px;
  padding: 5px 0;
  background: #555;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 999; }

#nav li:hover ul.tabs {
  display: block; }

#nav li ul.tabs li {
  clear: left;
  margin: 0;
  width: 100%; }

#nav li ul.tabs li.separate {
  margin: 4px 0 0 0;
  padding: 4px 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15); }

#nav li ul.tabs li a {
  padding: 5px 15px;
  font-size: 12px;
  font-weight: normal;
  color: #bbbbbb;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  #nav li ul.tabs li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  #nav li ul.tabs li a:active {
    background: rgba(0, 0, 0, 0.15); }

#nav li ul.tabs li:last-child a {
  border-bottom: none; }

#nav li ul.tabs li a span.badge-pro {
  margin-left: 2px;
  font-size: 9px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

#nav li ul.tabs li a:hover span.badge-pro {
  background-color: #ff8833; }

#nav li ul.tabs li ul.sub {
  position: absolute;
  left: -9999px; }

/* mini activity in top menu */
#nav li#t-activity a:hover,
#nav li#t-activity:hover a {
  color: #fff;
  background: url(/static/images/tab-overlay.png) repeat-x 0 0, url(/static/images/tile.gif) repeat -70% 0; }

#nav li ul.activity-mini {
  width: 220px;
  padding: 5px 15px 5px 15px;
  background: #f0f0f0 url(/static/images/noise-f1.gif) repeat -70% 0;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); }

div.secondary ul.activity-mini {
  margin: -8px 0 25px 0; }

#nav li ul.activity-mini li,
ul.activity-mini li {
  width: 100%;
  padding: 8px 0 8px 24px;
  font-size: 12px;
  line-height: 1.4;
  color: #777777;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#nav li ul.activity-mini li:last-child,
ul.activity-mini li:last-child {
  border-bottom: none; }

#nav li#t-activity ul.activity-mini li a,
body#incoming-activity #nav li#t-activity:hover ul.activity-mini li a {
  display: inline;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  color: #4083a9; }

#nav li#t-activity ul.activity-mini li a:hover,
body#incoming-activity #nav li#t-activity:hover ul.activity-mini li a:hover {
  color: #205f82;
  background: none; }

#nav li ul.activity-mini strong,
ul.activity-mini li strong {
  font-weight: normal; }

#nav li ul.activity-mini li.drafted,
ul.activity-mini li.drafted {
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-image: url("/static/images/icon-drafted-star.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.drafted,
    ul.activity-mini li.drafted {
      background-image: url("/static/images/icon-drafted-star-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

#nav li ul.activity-mini li.score,
ul.activity-mini li.score {
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-image: url("/static/images/icon-scored-plus.png");
  background: url(/static/images/icon-scored-plus.png) no-repeat 0 8px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.score,
    ul.activity-mini li.score {
      background-image: url("/static/images/icon-scored-plus-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

#nav li ul.activity-mini li.comment,
ul.activity-mini li.comment {
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-image: url("/static/images/icon-actcom.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.comment,
    ul.activity-mini li.comment {
      background-image: url("/static/images/icon-actcom-2x.png");
      -webkit-background-size: 16px 14px;
      -moz-background-size: 16px 14px;
      background-size: 16px 14px; } }

#nav li ul.activity-mini li.mention,
ul.activity-mini li.mention {
  background-repeat: no-repeat;
  background-position: 0 9px;
  background-image: url("/static/images/icon-mentions.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.mention,
    ul.activity-mini li.mention {
      background-image: url("/static/images/icon-mentions-2x.png");
      -webkit-background-size: 16px 17px;
      -moz-background-size: 16px 17px;
      background-size: 16px 17px; } }

#nav li ul.activity-mini li.like,
ul.activity-mini li.like {
  background-repeat: no-repeat;
  background-position: 0 9px;
  background-image: url("/static/images/icon-liked16.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.like,
    ul.activity-mini li.like {
      background-image: url("/static/images/icon-liked16-2x.png");
      -webkit-background-size: 16px 14px;
      -moz-background-size: 16px 14px;
      background-size: 16px 14px; } }

#nav li ul.activity-mini li.like-comment,
ul.activity-mini li.like-comment {
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-image: url("/static/images/icon-commentlike.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.like-comment,
    ul.activity-mini li.like-comment {
      background-image: url("/static/images/icon-commentlike-2x.png");
      -webkit-background-size: 16px 14px;
      -moz-background-size: 16px 14px;
      background-size: 16px 14px; } }

#nav li ul.activity-mini li.bucket-created,
ul.activity-mini li.bucket-created,
#nav li ul.activity-mini li.bucketed,
ul.activity-mini li.bucketed {
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-image: url("/static/images/icon-bucket.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.bucket-created,
    ul.activity-mini li.bucket-created,
    #nav li ul.activity-mini li.bucketed,
    ul.activity-mini li.bucketed {
      background-image: url("/static/images/icon-bucket-2x.png");
      -webkit-background-size: 19px 17px;
      -moz-background-size: 19px 17px;
      background-size: 19px 17px; } }

#nav li ul.activity-mini li.listed,
ul.activity-mini li.listed {
  background: url(/static/images/icon-listed16.png) no-repeat 0 11px; }

#nav li ul.activity-mini li.followed,
ul.activity-mini li.followed {
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-image: url("/static/images/icon-actfollowed.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.followed,
    ul.activity-mini li.followed {
      background-image: url("/static/images/icon-actfollowed-2x.png");
      -webkit-background-size: 15px 12px;
      -moz-background-size: 15px 12px;
      background-size: 15px 12px; } }

#nav li ul.activity-mini li.dribbbled,
ul.activity-mini li.dribbbled {
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-image: url("/static/images/icon-ball16.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.dribbbled,
    ul.activity-mini li.dribbbled {
      background-image: url("/static/images/icon-ball16-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

#nav li ul.activity-mini li.rebound,
ul.activity-mini li.rebound {
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-image: url("/static/images/icon-rebound.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.rebound,
    ul.activity-mini li.rebound {
      background-image: url("/static/images/icon-rebound-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

#nav li ul.activity-mini li.allot,
ul.activity-mini li.allot {
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-image: url("/static/images/icon-scored-plus.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.allot,
    ul.activity-mini li.allot {
      background-image: url("/static/images/icon-scored-plus-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

#nav li ul.activity-mini li.new-invites,
ul.activity-mini li.new-invites {
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-image: url("/static/images/icon-scored-invites.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.new-invites,
    ul.activity-mini li.new-invites {
      background-image: url("/static/images/icon-scored-invites-2x.png");
      -webkit-background-size: 16px 12px;
      -moz-background-size: 16px 12px;
      background-size: 16px 12px; } }

#nav li ul.activity-mini li span.vcard,
ul.activity-mini li span.vcard {
  margin: 2px 0; }

#nav li ul.activity-mini li em.time,
ul.activity-mini li em.time {
  display: block;
  font-size: 11px;
  font-style: normal;
  color: #bbbbbb; }

#nav li ul.activity-mini li.more {
  padding-left: 0;
  float: none;
  text-align: center; }

#nav li#t-activity ul.activity-mini li.more a.close,
body#incoming-activity #nav li#t-activity:hover ul.activity-mini li.more a.close {
  display: none;
  float: right; }

#nav li#t-activity ul.activity-mini li.more a.see-all,
body#incoming-activity #nav li#t-activity:hover ul.activity-mini li.more a.see-all {
  padding-right: 12px;
  font-size: 12px;
  font-weight: bold;
  background: url(/static/images/icon-bluearrow.png) no-repeat 100% 3px; }

#nav li#t-activity ul.activity-mini li.more a:hover,
body#incoming-activity #nav li#t-activity:hover ul.activity-mini li.more a:hover {
  background-position: 100% -19px; }

#nav li#t-activity {
  position: relative; }

#nav li#t-activity img.new-activity {
  position: absolute;
  top: 4px;
  right: 3px; }

/* main styles
--------------------------------------------- */
/* logged-in box */
#home-h {
  position: relative; }

#home-h img {
  position: absolute;
  top: -16px;
  right: 5px; }

/* default styles */
div.full {
  width: 700px;
  margin: 0 0 20px 0;
  padding: 0; }

div.full-pitch {
  width: auto;
  margin-top: -20px;
  padding: 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

div.title-alt h1,
div.title-alt p {
  padding-left: 240px; }

div.full p {
  font-size: 1.36em;
  line-height: 1.3;
  color: #999999; }

body#account-pro div.full p strong {
  color: #777777; }

div.full p span.could {
  border-bottom: 1px solid #bbb; }

div.full p span.badge {
  position: relative;
  top: -2px; }

div.full h2#action {
  margin: 20px 0 10px 0;
  text-align: left;
  font-weight: normal;
  color: #777777; }

div.full h2#action a {
  text-decoration: underline;
  font-size: 1.6em; }

h1 {
  font-size: 1.8em;
  line-height: 1.5em; }

h1.title {
  font-weight: normal;
  line-height: 1.3; }

h1.compact {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  color: #777777; }

h1.compact strong {
  color: #333; }

h1.compact span.sep {
  margin: 0 2px;
  color: #bbb;
  text-shadow: none; }

h1.compact span.meta {
  margin-left: 4px;
  font-size: 11px;
  color: #bbb; }

h1.alt {
  font-size: 22px;
  font-weight: bold;
  line-height: 1; }
  h1.alt em {
    font-weight: normal; }

h1 span.fn {
  vertical-align: middle; }

h1 span.badge,
span.badge {
  padding: 1px 3px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  background: #aaaaaa url(/static/images/glass.png) repeat-x 0 50%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

h1 span.badge-title,
span.badge-title {
  margin-left: 1px;
  padding: 1px 4px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: bottom;
  color: #fff;
  background: #aaaaaa url(/static/images/glass-light.png) repeat-x 0 50%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

h1 span.badge-title {
  position: relative;
  top: -6px; }

h1 span.badge-title-alt,
span.badge-title-alt {
  background-color: #ff8833; }

h1 span.badge-plain,
span.badge-plain {
  padding: 1px 0;
  color: #999999;
  background: none; }

h1 span.badge-pro,
span.badge-pro,
h1 span.badge-team,
span.badge-team {
  background-color: #999999; }

a:hover span.badge-team,
span.badge-team:hover,
ol.features span.badge-team {
  background-color: #00b6e3; }

h1 span.badge-new,
span.badge-new {
  background-color: #ea4c89; }

a:hover span.badge-pro,
h1 span.badge-test {
  background-color: #ff8833; }

a:active span.badge-pro {
  background-color: #db5c02; }

h1 span.callout {
  color: #ea4c89; }

h1 span.pro-title,
h1 span.new-badge {
  position: relative;
  top: -2px;
  padding: 1px 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #fff;
  background: #aaaaaa url(/static/images/glass-light.png) repeat-x 0 50%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

h1 span.new-badge {
  background-color: #ea4c89; }

h1 em {
  font-weight: normal;
  font-style: normal;
  color: #777777; }

h1 span.unlock {
  display: inline-block;
  margin-left: 2px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  vertical-align: bottom;
  color: #999999; }

h1 span.unlock a {
  margin-right: 2px;
  font-size: 14px; }

em.size {
  font-style: normal;
  font-weight: bold;
  color: #999999; }

div.notice {
  padding: 10px 12px;
  font-size: 1.7em;
  font-weight: normal;
  text-align: left;
  color: #fff;
  border-top: 1px solid #85aed3;
  border-bottom: 1px solid #ccc;
  background: #618fb9 url(/static/images/alert-lines.png) repeat-x top left; }

div.notice h2 {
  width: 970px;
  margin: 0 auto;
  font-weight: normal;
  text-align: center; }

div.notice a:link,
div.notice a:visited {
  color: #fff;
  text-decoration: underline; }

div.error {
  border-top-color: #fb6161;
  background-color: #df3b3b; }

div.info {
  border-top-color: #85aed3;
  background-color: #618fb9; }

div.success {
  border-top-color: #a4d178;
  background-color: #8aba56; }
  body#account-pro div.success {
    border-top: none;
    border-bottom: none;
    background-color: #ff9f5a; }
  body#jobs div.success {
    border-top: none;
    border-bottom: none;
    background-color: #a0ce6e; }

p.stub {
  margin: 0 0 20px 0;
  font-size: 1.6em;
  line-height: 1.4;
  color: #bbb;
  text-align: center; }

p.explain {
  margin: 0 0 25px 0;
  font-size: 1.15em;
  line-height: 1.4; }

/* small flag bubble */
h2.flag {
  margin: 25px 0 15px 0;
  font-size: .75em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  padding: 4px 8px;
  background: url(/static/images/flag-bg1.gif) repeat-x 0 50%; }

h2.flag span {
  padding: 0 6px;
  background: url(/static/images/tile.gif); }

/* small section header */
h2.section {
  margin: 0 0 15px 0;
  padding: 0 0 8px 0;
  font-size: 14px;
  line-height: 1;
  color: #333;
  background: url(/static/images/border-2px.gif) repeat-x bottom left;
  overflow: hidden; }

h2.section-alt {
  margin: 0 0 10px 0;
  padding-bottom: 0;
  border: none;
  background: none;
  overflow: visible; }

h2.alt {
  margin: -10px 0 10px 0;
  font-size: 22px;
  font-weight: 500;
  color: #444444; }

h2.section span.meta {
  font-weight: normal;
  line-height: 12px;
  color: #777777; }

h2.section span.alt {
  margin: 0 2px;
  text-transform: none; }

h2.section span.size {
  text-transform: none;
  font-weight: normal;
  color: #666; }

h2.section span.section-callout {
  color: #ea4c89; }

h2.section span.sep {
  margin: 0 4px;
  color: #bbbbbb; }

h2.fans {
  padding-left: 16px;
  background: url(/static/images/icon-hearts.gif) no-repeat 0 -32px; }

h2.section a.crop {
  float: right;
  padding-left: 16px;
  background: url(/static/images/icon-crop.gif) no-repeat 0 50%; }

h2.section a.more {
  float: right;
  padding-right: 12px;
  font-weight: bold;
  text-transform: none;
  background: url(/static/images/icon-bluearrow.png) no-repeat 100% 2px; }

h2.section a.more:hover {
  background-position: 100% -20px; }

h2.section a.faux {
  color: #333; }

h2.alert {
  padding: 3px 4px 5px 4px;
  color: #fff;
  text-align: center;
  background: #fbbe67 url(/static/images/glass-light.png) repeat-x 0 50%;
  border-radius: 4px; }

body#players h2.section span.countless {
  opacity: 0; }

/* special badge */
h3.special {
  margin: 0 0 12px 0;
  font-size: .8em;
  font-weight: normal;
  color: #777777; }

h3.special-tall {
  margin-bottom: 20px; }

body#players h3.special,
body#cities h3.special,
body#countries h3.special,
body#skills h3.special {
  padding: 28px 0 0 0;
  border-top: 2px solid #ddd; }

body#players h3.special:first-of-type,
body#cities h3.special:first-of-type,
body#countries h3.special:first-of-type,
body#skills h3.special:first-of-type {
  padding: 0;
  border-top: none; }

h3.special span.special-flag {
  padding: 2px 18px 2px 5px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  background: #ea4c89 url(/static/images/flag-cutout.png) no-repeat 100% 50%;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

h3.special span.special-featured {
  background-color: #ea4c89; }

h3.special span.special-alt {
  background-color: #ea4c89; }

h3.special span.sponsored {
  float: right;
  margin: 0 6px 0 0;
  color: #777777; }

h3.special span.sponsored a {
  font-weight: bold;
  text-decoration: underline; }

h3.special a.date-more {
  padding-right: 12px;
  font-weight: 500;
  background: url(/static/images/icon-bluearrow.png) no-repeat 100% 3px; }

h3.special a.date-more:hover {
  background-position: 100% -19px; }

/* hero title section */
div.hero {
  padding: 0 10px;
  background: #ea4c89; }
  div.hero.hero-pro {
    background: #ff8833; }
  div.hero.hero-teams {
    background: #00b6e3; }
  div.hero.hero-jobs {
    background: #8aba56; }
  div.hero div.hero-inner {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
    padding: 18px 0 60px 0; }
    div.hero div.hero-inner div.full {
      margin: 0; }
    div.hero div.hero-inner a.hero-link {
      position: absolute;
      bottom: 20px;
      left: 750px;
      font-size: 13px;
      font-weight: bold;
      color: #fff;
      opacity: .7; }
      div.hero div.hero-inner a.hero-link:hover {
        opacity: 1; }
    div.hero div.hero-inner div.hero-title {
      float: left; }
      div.hero div.hero-inner div.hero-title span.pre-head {
        display: block;
        margin: 0 0 5px 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 1;
        color: rgba(0, 0, 0, 0.5); }
      div.hero div.hero-inner div.hero-title h1 {
        margin: -10px 0 8px 0;
        font-size: 84px;
        font-weight: bold;
        line-height: 1;
        letter-spacing: -3px;
        color: #fff; }
        div.hero div.hero-inner div.hero-title h1 em {
          font-weight: normal;
          color: rgba(255, 255, 255, 0.5); }
    div.hero div.hero-inner div.hero-info {
      float: right;
      width: 40%;
      padding: 25px 0 0 0; }
      body#job div.hero div.hero-inner div.hero-info {
        width: 30%; }
      div.hero div.hero-inner div.hero-info h2 {
        float: left;
        margin: 0 10px 0 0;
        font-size: 44px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -2px;
        color: #fff; }
        div.hero div.hero-inner div.hero-info h2 span {
          position: relative;
          top: -12px;
          margin: 0 4px 0 0;
          font-size: 24px;
          font-weight: 300; }
      div.hero div.hero-inner div.hero-info h3 {
        margin: 5px 0 0 -4px;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0;
        color: #fff; }
      div.hero div.hero-inner div.hero-info h4 {
        margin-top: 3px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: rgba(0, 0, 0, 0.5); }
        div.hero div.hero-inner div.hero-info h4.alt {
          margin: -6px 0 0 0;
          padding: 0 0 5px 0;
          color: rgba(0, 0, 0, 0.55); }
          div.hero div.hero-inner div.hero-info h4.alt span {
            padding: 3px 33px 3px 5px;
            font-size: 10px;
            font-weight: bold;
            line-height: 1;
            text-transform: uppercase;
            background: url(/static/images/teams-arrow-mask.png?5) no-repeat 100% 50%;
            background-size: 300px 51px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px; }
      div.hero div.hero-inner div.hero-info h4 a {
        color: rgba(0, 0, 0, 0.5); }
        div.hero div.hero-inner div.hero-info h4 a:hover {
          text-decoration: underline;
          color: rgba(0, 0, 0, 0.6); }
  div.hero div.hero-btn a {
    float: right;
    width: 200px;
    display: block;
    margin: 5px 0 0 0;
    padding: 12px 10px;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    background: rgba(255, 255, 255, 0.75) url(/static/images/glass-30.png) repeat-x 0 50%;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
    div.hero div.hero-btn a strong.title {
      display: block;
      font-size: 13px;
      color: rgba(0, 0, 0, 0.7); }
    div.hero div.hero-btn a:hover {
      background-color: #fff; }
    div.hero div.hero-btn a:active {
      background-color: rgba(255, 255, 255, 0.6); }

/* subnav tabs */
#wrap ul.tabs {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  background: url(/static/images/border-2px.gif) repeat-x bottom left; }

body#shots #wrap ul.tabs,
body#explore #wrap ul.tabs,
body#players #wrap ul.tabs,
body#admin #wrap ul.tabs {
  margin-top: -2px;
  border-bottom: 1px solid #dddddd;
  background: none; }

#wrap ul.tabs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

#wrap ul.tabs li {
  position: relative;
  float: left;
  margin: 0 20px 0 0;
  line-height: 1;
  color: #bbb; }

#wrap ul.tabs li.last {
  margin-right: 0; }

#wrap ul.tabs li span.count {
  display: none; }

#wrap ul.tabs li a,
#wrap ul.tabs li span.empty {
  display: block;
  padding: 0 0 8px 0;
  text-decoration: none;
  color: #999999; }

#wrap ul.tabs li.empty {
  display: none; }

body#shots #wrap ul.tabs li a,
body#explore #wrap ul.tabs li a,
body#players #wrap ul.tabs li a,
body#admin #wrap ul.tabs li a {
  padding: 0 0 18px 0; }

#wrap ul.tabs li a:hover {
  color: #777777;
  background: url(/static/images/tab-over-2px.gif) repeat-x bottom left; }

#wrap ul.tabs li a:hover span.count {
  color: #999999; }

body#shots #wrap ul.tabs li a:hover,
body#explore #wrap ul.tabs li a:hover,
body#players #wrap ul.tabs li a:hover,
body#admin #wrap ul.tabs li a:hover {
  background: none; }

#wrap ul.tabs li.active a,
#wrap ul.tabs li.active span.empty,
body#shots #wrap ul.tabs li.active a,
body#explore #wrap ul.tabs li.active a,
body#players #wrap ul.tabs li.active a,
body#admin #wrap ul.tabs li.active a {
  font-weight: bold;
  color: #444444;
  background: url(/static/images/tab-on-2px.gif) repeat-x bottom left; }

body#shots #wrap ul.tabs li.active a,
body#explore #wrap ul.tabs li.active a,
body#players #wrap ul.tabs li.active a,
body#admin #wrap ul.tabs li.active a {
  background: none; }

#wrap ul.tabs li.active a span.count,
#wrap ul.tabs li.active span.empty span.count,
body#shots #wrap ul.tabs li.active a span.count,
body#explore #wrap ul.tabs li.active a span.count,
body#players #wrap ul.tabs li.active a span.count,
body#admin #wrap ul.tabs li.active a span.count {
  color: #777777; }

ul.tabs li a span.notify {
  padding: 1px 8px;
  text-transform: none;
  font-weight: bold;
  color: #fff;
  background: #8aba56;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px; }

ul.tabs li.active a span.notify {
  background: #666; }

#wrap ul.tabs li a span.badge {
  display: none; }

/* tabs sub menus */
#wrap ul.tabs li.has-dd {
  margin-right: 10px; }

body#shots #wrap ul.tabs li.has-dd a.has-dd {
  margin: -6px 0 0 -10px;
  padding: 6px 10px 18px 10px; }

body#shots #wrap ul.tabs li.has-dd:hover a.has-dd,
body#shots #wrap ul.tabs li.has-dd a.has-dd:hover {
  color: #fff;
  background: #555;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

#wrap ul.tabs li ul.sub {
  position: absolute;
  display: none;
  float: left;
  width: 200px;
  margin: -10px 0 0 -10px;
  padding: 10px 0;
  background: #555;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 999; }

#wrap ul.tabs li:hover ul.sub {
  display: block; }

#wrap ul.tabs li ul.sub li {
  clear: left;
  float: none;
  margin: 0; }

#wrap ul.tabs li ul.sub li a,
body#shots #wrap ul.tabs li ul.sub li a {
  float: none;
  margin: 0;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: normal;
  color: #bbbbbb; }
  #wrap ul.tabs li ul.sub li a:hover,
  body#shots #wrap ul.tabs li ul.sub li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1); }
  #wrap ul.tabs li ul.sub li a:active,
  body#shots #wrap ul.tabs li ul.sub li a:active {
    background: rgba(0, 0, 0, 0.15); }
  #wrap ul.tabs li ul.sub li a.title-link,
  body#shots #wrap ul.tabs li ul.sub li a.title-link {
    font-weight: bold;
    color: #fff; }

/* main dribbble list */
ol.dribbbles li.group {
  position: relative;
  width: 30.555555555556%;
  /* 220 / 720 */
  float: left;
  padding: 0;
  margin: 0 4.166666666667% 30px 0;
  /* 30 / 720 */ }
  body#user-profile ol.dribbbles li.group, body#profile ol.dribbbles li.group {
    margin-bottom: 4.166666666667%; }
  ol.dribbbles li.group:nth-child(3n) {
    margin-right: 0; }
  body#shots ol.dribbbles li.group {
    width: 22.680412371134%;
    /* 220 / 1000 */
    margin: 0 3.092783505155% 30px 0;
    /* 30 / 1000 */ }
    body#shots ol.dribbbles li.group:nth-child(3n) {
      margin-right: 3.092783505155%; }
    body#shots ol.dribbbles li.group:nth-child(4n) {
      margin-right: 0; }
  div.secondary ol.dribbbles li.group {
    width: 100%; }

ol.dribbbles li.no-attr {
  margin-bottom: 20px; }

ol.dribbbles li h2 {
  max-height: 16px;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4em;
  color: #999999;
  vertical-align: middle; }

ol.dribbbles li h2 span.attribution-team,
ol.dribbbles li.team h2 span.attribution-user {
  /* show only team attr for team shots */
  display: none; }

ol.dribbbles li.team h2 span.attribution-team,
body#profile ol.dribbbles li h2 span.attribution-user,
body#user-profile ol.dribbbles li h2 span.attribution-user {
  display: inline; }

body#profile ol.dribbbles li.team h2 span.attribution-team,
body#user-profile ol.dribbbles li.team h2 span.attribution-team {
  display: none; }

ol.dribbbles li h2 a img {
  float: left;
  width: 16px;
  max-height: 16px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

ol.dribbbles li h2 a {
  font-weight: bold;
  text-decoration: none; }

ol.dribbbles li h2 a:hover img {
  width: 16px; }

ol.dribbbles li h2 span.badge {
  font-size: 9px;
  line-height: 16px;
  vertical-align: top;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

ol.dribbbles li:hover h2 span.badge {
  opacity: 1; }

ol.dribbbles li div.dribbble {
  position: relative;
  clear: left;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }

ol.dribbbles li div.dribbble div.dribbble-shot {
  padding: 10px; }

ol.dribbbles li div.dribbble a.dribbble-over {
  opacity: 0;
  /* revealed on hover with jQuery */
  filter: alpha(opacity=0);
  /* IE hack */
  position: absolute;
  top: 0;
  bottom: 30px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 20px;
  font-size: 12px;
  line-height: 2;
  text-decoration: none;
  color: #888;
  background: #fff;
  background: rgba(255, 255, 255, 0.96);
  overflow: hidden;
  z-index: 3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

ol.dribbbles li div.dribbble a.dribbble-over strong {
  display: block;
  margin: 0 0 4px 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
  color: #444444; }

ol.dribbbles li div.dribbble a.dribbble-over strong span.sep {
  margin: 0 2px;
  color: #999999; }

ol.dribbbles li div.dribbble a.dribbble-over em {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 20px;
  margin: 0 0 3px 0;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
  color: #999999; }

ol.dribbbles li div.dribbble a.dribbble-over span.comment,
ol.dribbbles li div.dribbble a.dribbble-over span.bio {
  display: block;
  margin: 0 0 10px 0;
  font-size: 11px;
  line-height: 1.4;
  color: #777777;
  overflow: hidden;
  text-overflow: ellipsis; }

ol.dribbbles li div.dribbble a.dribbble-over span.comment {
  color: #777777; }

ol.dribbbles li div.dribbble a.dribbble-over span.skills {
  display: block;
  font-size: 11px;
  line-height: 1.3; }

ol.dribbbles li div.dribbble a.dribbble-over span.skills span.skill {
  font-weight: bold;
  color: #444444; }

ol.dribbbles li div.dribbble a.dribbble-over span.skills span.skill:after {
  content: ", ";
  margin-right: 1px;
  font-weight: normal;
  opacity: .7; }

ol.dribbbles li div.dribbble a.dribbble-over span.skills span.skill:last-child:after {
  content: ""; }

ol.dribbbles li div.dribbble span.liked-by {
  opacity: 0;
  position: absolute;
  bottom: 40px;
  left: 20px;
  font-size: 11px;
  color: #777777;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 3; }

ol.dribbbles li div.dribbble-img:hover span.liked-by {
  opacity: 1; }

ol.dribbbles li div.dribbble span.liked-by a {
  font-weight: bold; }

ol.dribbbles li div.dribbble span.liked-by a img {
  position: relative;
  top: -2px;
  width: 16px;
  margin: 0 2px 0 0;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

ol.dribbbles li div.dribbble-img {
  max-width: 100%;
  height: 0;
  padding-bottom: 75%;
  overflow: hidden; }

ol.dribbbles li div.dribbble-img img {
  max-width: 100%;
  max-height: 150px; }

ol.dribbbles-tease li {
  margin-bottom: 20px; }

ol.dribbbles-tease li div.dribbble div.dribbble-shot {
  background: #fff; }

ol.dribbbles-tease li div.dribbble-img {
  padding-bottom: 65%; }

/* mark as a rebound */
ol.dribbbles li div.dribbble div.extras {
  position: absolute;
  bottom: 7px;
  left: 10px;
  z-index: 2;
  /* Rebound and attachment info is hidden by default and revealed if applicable */ }
  ol.dribbbles li div.dribbble div.extras a, ol.dribbbles li div.dribbble div.extras .attachments-mark {
    display: none; }

ol.dribbbles li div.dribbble span.rebound-mark {
  float: left;
  margin: 0 5px 0 0; }

ol.dribbbles li div.dribbble span.has-rebounds {
  padding: 0 0 0 9px;
  font-size: .78em;
  line-height: 1.5;
  color: #8aba56;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-rebound-source.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.dribbbles li div.dribbble span.has-rebounds {
      background-image: url("/static/images/icon-rebound-source-2x.png");
      -webkit-background-size: 8px 16px;
      -moz-background-size: 8px 16px;
      background-size: 8px 16px; } }

/* mark if has attachments */
ol.dribbbles li div.dribbble span.attachments-mark {
  float: left; }

/* tool icons */
ol.dribbbles li ul.tools {
  margin: 10px 0 0 0;
  text-align: left;
  visibility: hidden; }

ul.tools li {
  float: right;
  width: auto;
  margin: 0 0 0 12px;
  display: inline;
  font-size: 11px;
  line-height: 1;
  color: #aaa; }

ul.tools li.rebound {
  float: left; }

ul.tools li a {
  text-decoration: none;
  color: #aaa; }

ul.tools li.views {
  margin-left: 0;
  border-left: none;
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-views-sm.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.tools li.views {
      background-image: url("/static/images/icon-views-sm-2x.png");
      -webkit-background-size: 15px 10px;
      -moz-background-size: 15px 10px;
      background-size: 15px 10px; } }

li.cmnt a,
li.cmnt span {
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-comments.png");
  background: url(/static/images/icon-comments.png?1) no-repeat 0 0; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    li.cmnt a,
    li.cmnt span {
      background-image: url("/static/images/icon-comments-2x.png");
      -webkit-background-size: 12px 59px;
      -moz-background-size: 12px 59px;
      background-size: 12px 59px; } }

li.cmnt a:hover {
  background-position: 0 -16px; }

li.current-user-cmnt a {
  background-position: 0 0; }

li.comments-since a {
  background-position: 0 -48px; }

li.fav a,
li.fav span {
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-hearts.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    li.fav a,
    li.fav span {
      background-image: url("/static/images/icon-hearts-2x.png");
      -webkit-background-size: 12px 45px;
      -moz-background-size: 12px 45px;
      background-size: 12px 45px; } }

li.fav a:hover {
  background-position: 0 -17px; }

li.fav.marked a,
li.fav.marked span {
  background-position: 0 -34px; }

li.fav strong a,
li.fav.marked strong a {
  color: #999999;
  text-decoration: underline; }

ul.tools li a:hover {
  color: #777777; }

li.progress a.fav-toggle {
  background: url(/static/images/ajax-bounce.gif) no-repeat 0 0; }

/* project index thumbs */
body#projects-index ol.dribbbles li div.dribbble {
  padding-bottom: 12px;
  background: white url(/static/images/project-bottom.png) repeat-x bottom left; }
  body#projects-index ol.dribbbles li div.dribbble a.dribbble-over {
    bottom: 12px; }

body#projects-index ol.dribbbles li h2 {
  padding-left: 0;
  text-align: center; }

body#projects-index ol.dribbbles li h2 a {
  color: #444444; }

body#projects-index ol.dribbbles li div.dribbble a.dribbble-over strong {
  font-size: 12px;
  line-height: 1.2; }

/* player cards */
div.secondary ol.player-cards li {
  margin-bottom: 20px; }

div.secondary ol.player-cards ul.player-stats li {
  margin-bottom: 0; }

ol.player-cards {
  margin-bottom: 20px; }
  .logged-out ol.player-cards li.player .member-actions {
    display: none; }

ol.player-cards li.group {
  margin: 0 0 13px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #dddddd; }

ol.player-cards li.group:last-child {
  margin: 0;
  border-bottom: none; }

ol.player-cards li div.player-info {
  float: left;
  width: 45.833333333333%;
  /* 330 / 720 */
  margin-top: 4px; }

ol.player-cards li.prospect div.player-info {
  width: 100%; }

ol.player-cards li h2 {
  max-height: none;
  margin: 0;
  padding: 0 0 4px 0;
  font-size: 16px;
  line-height: 1.2; }

ol.player-cards li h2 a img.photo,
ol.player-cards li h2 a:hover img.photo {
  float: left;
  width: 80px;
  max-height: 80px;
  margin: 2px 10px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

ol.player-cards li h2 a:hover img.photo {
  opacity: .8; }

ol.player-cards li span.freeagent-mark,
ol.player-cards li a.jobs-mark {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 2px;
  text-indent: -9999px; }

ol.player-cards li a.jobs-mark {
  display: none; }
  ol.player-cards li a.jobs-mark.active {
    display: inline-block; }

ol.player-cards li span.freeagent-mark {
  width: 17px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-avail-contact.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.player-cards li span.freeagent-mark {
      background-image: url("/static/images/icon-avail-contact-2x.png");
      -webkit-background-size: 17px 12px;
      -moz-background-size: 17px 12px;
      background-size: 17px 12px; } }

ol.player-cards li a.jobs-mark {
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-pin-12.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.player-cards li a.jobs-mark {
      background-image: url("/static/images/icon-pin-12-2x.png");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ol.player-cards li h2 span.meta {
  display: block;
  margin: 5px 0 0 0;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1; }

ol.player-cards li h2 span.meta-skills {
  margin-top: 4px;
  font-size: 11px;
  min-height: 10px;
  color: #bbbbbb; }

ol.player-cards li h2 span.meta-skills a {
  color: #bbbbbb; }

ol.player-cards li h2 span.meta-skills a:hover {
  color: #999999; }

ol.player-cards li h2 span.meta-skills span.badge {
  margin-right: 4px;
  font-size: 9px; }

ol.player-cards li h2 em.locality,
ol.player-cards li h2 a.locality {
  margin: 0 7px 0 0;
  padding: 1px 0 1px 12px;
  font-style: normal;
  color: #999999;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-geo-sm.png");
  overflow: hidden; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.player-cards li h2 em.locality,
    ol.player-cards li h2 a.locality {
      background-image: url("/static/images/icon-geo-sm-2x.png");
      -webkit-background-size: 9px 12px;
      -moz-background-size: 9px 12px;
      background-size: 9px 12px; } }

ol.player-cards li h2 a.locality:hover {
  color: #777777; }

ol.player-cards li h2 a.website {
  margin: 0 7px 0 0;
  padding: 1px 0 1px 16px;
  font-style: normal;
  color: #999999;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-globe-12.png");
  overflow: hidden; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.player-cards li h2 a.website {
      background-image: url("/static/images/icon-globe-12-2x.png");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ol.player-cards li h2 a.website:hover {
  color: #777777; }

ol.player-cards li div.follow-prompt {
  margin: 0;
  font-size: .9em;
  line-height: 12px; }

ol.player-cards li a.follow,
ol.player-cards li a.unfollow,
ol.player-cards li a.settings {
  padding: 6px;
  width: 12px;
  height: 12px;
  margin: 3px 10px 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

ol.player-cards li a.follow span,
ol.player-cards li a.unfollow span {
  float: left;
  padding-left: 12px;
  text-indent: -999em; }

ol.player-cards li ul.player-stats {
  float: left;
  margin: 3px 0 0 0; }

ol.player-cards li ul.logged-out {
  margin-left: 0; }

ol.player-cards li ul.player-stats li {
  float: left;
  width: auto;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  font-size: 12px;
  line-height: 1;
  border-bottom: none;
  border-right: 1px solid #ddd; }

ol.player-cards li ul.player-stats li:last-child {
  border-right: none; }

ol.player-cards li ul.player-stats li a {
  display: block;
  font-weight: bold;
  line-height: 1;
  color: #777777; }

ol.player-cards li ul.player-stats li a span.meta {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  text-transform: lowercase;
  color: #bbb; }

ol.player-cards li ul.player-stats li a:hover {
  color: #444444; }

ol.player-cards li ul.player-stats li a:hover span.meta {
  color: #999999; }

ol.player-cards li div.shots {
  float: right;
  width: 51.388888888889%;
  /* 370 / 720 */ }

ol.player-cards li div.shots img {
  float: left;
  width: 28.648648648649%;
  /* 106 / 370 */
  margin: 2px 02.702702702703% 0 0;
  /* 10 / 370 */
  padding: 1.351351351351%;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

ol.player-cards li div.shots a:hover img {
  opacity: .8; }

ol.player-cards li div.shots a:last-child img {
  margin-right: 0; }

/* team jobs in player lists */
ol.player-cards li.team-jobs {
  position: relative;
  margin: -25px 0 15px 0;
  padding: 10px 0 15px 0;
  line-height: 1.3;
  border-bottom: 1px solid #dddddd;
  background: #f0f0f0 url(/static/images/noise-f1.gif) repeat -70% 0;
  overflow: hidden; }
  ol.player-cards li.team-jobs span {
    color: #999999; }
  ol.player-cards li.team-jobs a:hover span {
    color: #205f82; }

/* multi-grid */
div.multi {
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
  border-top: 2px solid #ddd; }

ol.bucket-list li:first-child div.multi,
div.highlights div.multi:first-of-type,
div.playoffs div.multi:first-of-type {
  padding-top: 0;
  border-top: none; }

div.multi ol.dribbbles {
  float: left; }

div.multi ol.dribbbles li.group,
body#shots div.multi ol.dribbbles li.group {
  width: 220px;
  margin: 0; }

ol.multi-grid {
  float: left;
  width: 500px; }
  div.secondary ol.multi-grid {
    float: none;
    width: 250px;
    margin-left: -30px;
    padding-top: 4px; }

ol.multi-grid li.multi-thumb {
  position: relative;
  float: left;
  width: 85px;
  height: 64px;
  margin: 0 0 30px 30px;
  padding: 5px 5px 11px 5px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
  div.secondary ol.multi-grid li.multi-thumb {
    padding: 5px; }

ol.multi-grid li.multi-thumb a.zoom {
  float: left;
  width: 85px;
  height: 64px;
  background: #fff;
  overflow: hidden; }

ol.multi-grid li.multi-thumb a.zoom img {
  float: left;
  max-width: 85px;
  max-height: 64px;
  margin: 0;
  padding: 0; }

ol.multi-grid li.multi-thumb a.zoom strong {
  position: absolute;
  top: 5px;
  left: 5px;
  opacity: 0;
  /* revealed with jQuery */
  filter: alpha(opacity=0);
  /* IE hack */
  width: 85px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background: url(/static/images/multi-zoom.png) no-repeat 0 0; }

ol.multi-grid li.multi-thumb a.zoom strong span {
  padding: 0 0 0 20px;
  font-weight: normal;
  color: #666;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-like16.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.multi-grid li.multi-thumb a.zoom strong span {
      background-image: url("/static/images/icon-like16-2x.png");
      -webkit-background-size: 16px 14px;
      -moz-background-size: 16px 14px;
      background-size: 16px 14px; } }

div.secondary ol.multi-rebounds li.multi-thumb a.zoom strong span {
  color: #8aba56;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-hasrebounds-16.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.secondary ol.multi-rebounds li.multi-thumb a.zoom strong span {
      background-image: url("/static/images/icon-hasrebounds-16-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }
  body#lists-members div.secondary ol.multi-rebounds li.multi-thumb a.zoom strong span {
    display: none; }

ol.multi-grid li.multi-thumb a.zoom strong span.marked {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-liked16.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.multi-grid li.multi-thumb a.zoom strong span.marked {
      background-image: url("/static/images/icon-liked16-2x.png");
      -webkit-background-size: 16px 14px;
      -moz-background-size: 16px 14px;
      background-size: 16px 14px; } }

ol.multi-grid li.multi-thumb div.tipsy-player {
  display: none; }

span.tipsy-player-link a {
  position: relative;
  color: #fff;
  padding: 0 0 0 21px;
  font-size: 1.1em;
  font-weight: normal; }

span.tipsy-player-link div {
  display: inline; }

span.tipsy-player-link img.photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  margin: 0 5px 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.tipsy-text {
  display: none; }

/* mutli grid with 5 shots */
div.multi-5 ol.multi-grid {
  float: left;
  width: 250px; }

div.multi-5 div.multi-meta {
  float: left;
  margin-right: 30px;
  width: 220px; }

/* page */
div.page {
  padding: 10px 0 0 0;
  font-weight: bold;
  text-align: center; }

#comments-section div.page {
  margin-bottom: 40px;
  border-width: 1px; }

div.page-top {
  float: right;
  padding: 2px 0 0 0;
  border-top: none; }
  body#players div.page-top {
    margin-top: 8px; }

div.page span.disabled {
  display: none; }

div.page a {
  margin: 0 2px;
  padding: 7px 12px;
  font-size: 1em;
  line-height: 1;
  text-decoration: none;
  color: #666;
  background: lightgrey url(/static/images/glass-30.png) repeat-x 0 50%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

div.page-top a {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #4083a9;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

div.page-top span.calendar {
  margin: 0 6px;
  padding: 2px 0;
  font-size: 12px;
  font-weight: bold; }

div.page-top a.previous_page {
  padding-left: 8px;
  padding-right: 6px;
  border-right: 1px solid #dddddd;
  background: url(/static/images/arrow-prev.gif) no-repeat 0 3px; }

div.page-top a.next_page {
  padding-right: 8px;
  padding-left: 6px;
  border-left: 1px solid #dddddd;
  background: url(/static/images/arrow-next.gif) no-repeat 100% 3px; }

div.page a:hover {
  color: #fff;
  background: #ea4c89 url(/static/images/glass-light.png) repeat-x 0 50%; }

div.page-top a.previous_page:hover {
  color: #205f82;
  background: url(/static/images/arrow-prev.gif) no-repeat 0 3px; }

div.page-top a.next_page:hover {
  color: #205f82;
  background: url(/static/images/arrow-next.gif) no-repeat 100% 3px; }

/* add form */
#add {
  margin: 0 0 20px 0;
  text-align: center; }

#add fieldset#url {
  display: none; }

#add #add-btn {
  margin: 10px 0 0 0;
  font-size: 1.1em; }

#add #add-btn input.form-sub {
  width: 448px;
  padding: 10px 0; }

#add #add-btn p {
  margin: 8px 0 0 15px;
  font-size: .9em;
  color: #777777; }

#add fieldset input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  color: #333; }

#add fieldset#upload {
  width: 400px;
  min-height: 300px;
  margin: 0 auto;
  padding: 20px;
  font-size: 1em;
  border: 3px dashed rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }
  #add fieldset#upload h3 {
    margin: 130px 0 100px 0;
    font-size: 22px;
    font-weight: normal;
    color: #777777; }
    #add fieldset#upload h3 a {
      font-weight: bold; }

#add fieldset#upload input {
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #777777; }

#add fieldset p.toggle {
  float: right;
  margin: 8px 0 0 10px;
  font-size: .8em;
  font-weight: bold; }

#add p.meta {
  margin: 25px 0 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #999999; }

#add p.meta strong {
  color: #777777; }

#crop-container {
  display: none; }

/* general form */
div.session-form {
  margin: 0; }

div.message {
  float: left;
  color: #777777; }

div.message h2 {
  margin: 0 0 4px 0;
  font-size: 1.2em; }

div.message p {
  font-size: 1.2em; }

form.gen-form {
  margin: 20px 0 0 0; }

div.signup-form form.gen-form {
  margin: 0 0 25px 0; }

form.flush {
  margin-top: 0; }

form#invite-form {
  margin-bottom: 30px; }

form.plain h2 {
  margin: 0 0 12px 0; }

form.gen-form fieldset,
form.with-messages div.form-field {
  margin: 0;
  padding: 8px 0; }

form.plain fieldset {
  padding: 0 0 5px 0;
  border: none; }

form.with-messages fieldset {
  margin: 0;
  padding: 0;
  border-bottom: none; }

form.gen-form fieldset.last,
form.with-messages div.last {
  border: none; }

form.gen-form label {
  display: block;
  float: left;
  width: 32.857142857143%;
  /* 230 / 700 */
  margin: .7em 20px 2px 0;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: normal;
  text-align: right; }

form.gen-form label.label-top {
  margin-top: 0; }

form.plain label {
  float: none;
  width: auto;
  margin: 0;
  text-align: left; }

form.gen-form label.check {
  float: none;
  width: auto;
  margin: 0;
  text-align: left; }

form.gen-form label span {
  margin-right: 10px;
  font-size: 11px;
  font-weight: normal;
  color: #999999; }

form.gen-form label.remember {
  display: inline;
  font-size: 1.2em;
  font-weight: normal; }

form.gen-form div.no-label fieldset {
  float: left;
  margin: -3px 0 0 35.714285714286%;
  /* 250 / 700 */ }

form.gen-form div.no-label span {
  font-size: .9em;
  line-height: 1; }

form.gen-form div.radios fieldset {
  margin: -3px 0 0 35.714285714286%;
  /* 250 / 700 */ }

form.gen-form div.radios fieldset label {
  width: 55.142857142857%;
  /* 386 / 700 */
  margin: 0 0 5px 0;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

form.gen-form div.radios fieldset label.radios-selected {
  color: #fff;
  background: #9399a1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); }

form.gen-form div.radios fieldset label.radios-selected span.info,
form.gen-form div.radios fieldset label.radios-selected span.desc {
  color: rgba(255, 255, 255, 0.75); }

form.gen-form div.radios fieldset label:last-child {
  margin: 0; }

form.gen-form div.radios fieldset label input {
  float: left;
  margin: 3px 8px 0 0; }

form.gen-form div.radios fieldset label strong {
  float: left;
  margin: 0 8px 0 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1; }

form.gen-form div.radios fieldset {
  margin: -3px 0 0 35.714285714286%;
  /* 250 / 700 */ }

form.gen-form div.radios fieldset label {
  width: 55.142857142857%;
  /* 386 / 700 */
  margin: 0 0 5px 0;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

form.gen-form div.radios fieldset label.radios-selected {
  color: #fff;
  background: #9399a1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); }

form.gen-form div.radios fieldset label.radios-selected span.info,
form.gen-form div.radios fieldset label.radios-selected span.desc {
  color: rgba(255, 255, 255, 0.75); }

form.gen-form div.radios fieldset label:last-child {
  margin: 0; }

form.gen-form div.radios fieldset label input {
  float: left;
  margin: 3px 8px 0 0; }

form.gen-form div.radios fieldset label strong {
  float: left;
  margin: 0 8px 0 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1; }

form.gen-form div.radios fieldset label span.info {
  float: left;
  font-size: 14px; }

form.gen-form div.radios fieldset label span.desc {
  float: right;
  margin: 2px 0 0 0;
  font-size: 11px;
  color: #999999; }

form.gen-form p.message {
  margin: 1px 0 0 35.714285714286%;
  /* 250 / 700 */
  font-size: 11px;
  line-height: 1.5em;
  color: #999999; }

form.gen-form p.message strong {
  font-weight: bold;
  color: #666; }

form.gen-form p.message code {
  font-family: Monaco, monospace;
  font-size: 1.1em; }

form.gen-form div.form-important {
  margin: 5px 0 5px 35.714285714286%;
  /* 250 / 700 */
  padding: 5px 10px;
  font-size: .8em;
  line-height: 1.5em;
  color: #505d68;
  background: rgba(118, 182, 217, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

form.gen-form fieldset.check {
  float: left;
  margin: 0 0 0 20px;
  padding: 0;
  border: none; }

form.gen-form fieldset.check input {
  vertical-align: middle;
  margin-right: 5px; }

form.gen-form div.no-label fieldset input.input-check {
  margin-right: 5px; }

form.gen-form fieldset.check label {
  width: auto;
  font-size: .8em; }

form.gen-form fieldset input[type=text],
form.gen-form fieldset input[type=password],
form.gen-form fieldset input[type=email] {
  width: 57.142857142857%;
  /* 400 / 700 */
  padding: 5px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  color: #333;
  border: none;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }

form.gen-form fieldset textarea {
  width: 57.142857142857%;
  /* 400 / 700 */
  height: 100px;
  padding: 5px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  border: none;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  div.secondary form.gen-form fieldset textarea {
    height: 80px; }

form.gen-form fieldset input[type=text]:focus,
form.gen-form fieldset input[type=password]:focus,
form.gen-form fieldset input[type=email]:focus,
form.gen-form fieldset textarea:focus {
  background: #fff;
  outline-width: 0; }

form.gen-form fieldset div.ctrl-group {
  width: 57.142857142857%;
  /* 400 / 700 */
  padding: 8px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.8;
  color: #333; }

form.gen-form div.form-btns {
  padding: 10px 0 0 35.714285714286%;
  /* 250 / 700 */ }
  div.secondary form.gen-form div.form-btns {
    padding-left: 0; }

form.gen-form div.form-btns-only,
div.form-btns-only {
  text-align: center; }

form.plain div.form-btns {
  padding-left: 0; }

form.gen-form div.form-btns a.link {
  float: right;
  margin: 10px 0 0 0;
  font-size: 12px; }

form.gen-form input.signin {
  float: left; }

form.gen-form h3.section {
  margin: 15px 0;
  text-align: center;
  text-transform: uppercase;
  color: #999999;
  background: url(/static/images/border-2px.gif) repeat-x 0 50%; }

form.gen-form h3.section span {
  padding: 0 6px;
  background: #f0f0f0 url(/static/images/tile.gif) repeat -70% 0; }

form span.or {
  margin: 0 4px;
  font-weight: bold;
  color: #777777; }

div.job-changes {
  margin: 0 0 20px 0;
  font-weight: bold; }

body#job form div.form-btns input {
  padding: 10px 20px;
  cursor: pointer; }

div.secondary form.gen-form {
  margin: 0 0 25px 0; }

div.secondary form.gen-form fieldset input[type=text],
div.secondary form.gen-form fieldset input[type=password],
div.secondary form.gen-form fieldset input[type=email] {
  width: 115px;
  font-size: 12px;
  padding: 8px;
  color: #777777; }

div.secondary form.gen-form fieldset {
  padding: 0; }

div.secondary form.gen-form fieldset input.form-sub {
  padding: 8px 10px;
  font-size: 12px; }

/* form autocomplete */
.ui-autocomplete.ui-menu {
  position: absolute;
  margin-top: -3px;
  padding: 6px 0;
  background: #444444;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  z-index: 2;
  width: 172px; }

.ui-autocomplete.ui-menu a {
  display: block;
  font-size: 14px;
  padding: 5px 10px;
  color: #999999;
  overflow: hidden;
  cursor: pointer; }

.ui-autocomplete.ui-menu a img {
  float: left;
  width: 18px;
  margin: 0 6px 0 0;
  border-radius: 3px;
  opacity: .8; }

.ui-autocomplete.ui-menu a strong {
  color: #bbbbbb; }

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-autocomplete.ui-menu li a:hover {
  color: #bbbbbb;
  background: rgba(255, 255, 255, 0.1); }

.ui-menu .ui-menu-item a.ui-state-hover img,
.ui-menu .ui-menu-item a.ui-state-focus img,
.ui-autocomplete.ui-menu li a:hover img {
  opacity: 1; }

.ui-menu .ui-menu-item a.ui-state-hover strong,
.ui-menu .ui-menu-item a.ui-state-focus strong,
.ui-autocomplete.ui-menu li a:hover strong {
  color: #fff; }

.ui-helper-hidden-accessible {
  display: none; }

/* char counts */
div.form-field-bio,
div.bucket-form div.form-field,
div.list-form div.form-field {
  position: relative; }

span.counter {
  font-size: 12px;
  font-weight: bold;
  color: #999999; }

div.form-field-bio span.counter {
  position: absolute;
  bottom: 7px;
  right: 35px; }

div.bucket-form div.form-field span.counter,
div.list-form div.form-field span.counter {
  position: absolute;
  top: 14px;
  right: 0; }

#bucket-add div.bucket-form div.form-field span.counter,
#project-add div.bucket-form div.form-field span.counter,
#list-add div.list-form div.form-field span.counter {
  font-size: 11px;
  right: 5px;
  top: 10px; }

span.counter.warning {
  color: #ea4c89; }

span.counter.exceeded {
  padding: 1px 4px;
  color: #fff;
  background: #df3b3b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

/* form buttons */
.form-sub, a.form-sub-big, a.form-sub-teams,
a.form-sub,
a.form-sub-big,
a.form-sub-teams,
div.comment-body form.comment button[type="submit"] {
  padding: 7px 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .9em;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  border: none;
  background: #ea4c89 url(/static/images/glass-light.png) repeat-x 0 50%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.form-sub:hover, a.form-sub-big:hover, a.form-sub-teams:hover,
.form-sub:focus,
a.form-sub-big:focus,
a.form-sub-teams:focus,
a.form-sub:hover,
a.form-sub-big:hover,
a.form-sub-teams:hover,
a.form-sub:focus,
a.form-sub-big:focus,
a.form-sub-teams:focus,
div.comment-body form.comment button[type="submit"]:hover,
div.comment-body form.comment button[type="submit"]:focus {
  text-decoration: none;
  background-color: #df3e7b; }

.form-sub:active, a.form-sub-big:active, a.form-sub-teams:active,
a.form-sub:active,
a.form-sub-big:active,
a.form-sub-teams:active,
div.comment-body form.comment button[type="submit"]:active {
  text-decoration: none;
  background-color: #c22b65; }

.form-sub[disabled="disabled"], a[disabled="disabled"].form-sub-big, a[disabled="disabled"].form-sub-teams {
  opacity: .4; }

.form-btn,
a.form-btn,
div.comment-body form.comment button[type="cancel"] {
  padding: 7px 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .9em;
  font-weight: bold;
  text-decoration: none;
  color: #666;
  border: none;
  background: lightgrey url(/static/images/glass-30.png) repeat-x 0 50%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.form-btn:hover,
.form-btn:focus,
a.form-btn:hover,
a.form-btn:focus,
div.comment-body form.comment button[type="cancel"]:hover,
div.comment-body form.comment button[type="cancel"]:focus {
  text-decoration: none;
  background-color: #ccc; }

.form-btn:active,
a.form-btn:active,
div.comment-body form.comment button[type="cancel"]:active {
  text-decoration: none;
  background-color: #b9b9b9; }

a.form-sub-big, a.form-sub-teams {
  float: right;
  width: 220px;
  margin: 0;
  padding: 8px 0;
  font-size: 13px;
  text-align: center; }

a.form-sub-teams {
  background-color: #00b6e3; }
  a.form-sub-teams:hover {
    background-color: #00a8d2; }
  a.form-sub-teams:active {
    background-color: #0093b7; }

a.form-sub-big em, a.form-sub-teams em {
  display: block;
  margin: 2px 0 0 0;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: rgba(255, 255, 255, 0.7); }

/* homepage tagline non-logged */
a.tagline-action {
  position: relative;
  top: -1px;
  margin: 0 0 0 5px;
  padding: 5px 12px;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/* when form is in col-60 */
div.col-60 div.sign-box {
  padding: 20px 0 0 0;
  text-align: center;
  border-top: 1px solid #dddddd; }

div.col-60 form.gen-form {
  margin-top: -8px; }

div.col-60 form.gen-form label {
  width: 120px; }

div.col-60 form.gen-form p.message,
div.col-60 form.gen-form div.form-important,
div.col-60 form.gen-form div.no-label fieldset {
  margin-left: 140px; }

div.col-60 form.gen-form div.form-btns {
  padding-left: 140px; }

div.col-60 .auth-twitter {
  float: none;
  display: inline-block;
  margin: 0 0 20px 0; }

/* avatar upload form */
#avatar-preview,
#avatar-preview-prefilled {
  margin-bottom: 20px; }

#avatar-preview form#delete-avatar-form img,
#avatar-preview-prefilled img {
  width: 80px;
  float: left;
  margin: 0 8px 10px 0;
  border-radius: 6px; }

#avatar-preview-prefilled img {
  float: none; }

#avatar-form {
  clear: both; }

#avatar-preview a.edit-text {
  margin-right: 5px; }

#avatar-preview input.form-btn {
  margin: 5px 0 0 0;
  font-size: .9em; }

#avatar-preview p.info {
  padding: 8px 0 0 0; }

/* authentications */
a.auth-twitter,
.auth-twitter {
  display: block;
  float: left;
  position: relative;
  margin: 0 10px 10px 0;
  padding: 10px 14px 10px 39px;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  border: none;
  background: url(/static/images/signin/icon-twitter-bird.png?1) no-repeat 12px 50%;
  background: url(/static/images/signin/icon-twitter-bird.png?1) no-repeat 12px 50%, url(/static/images/glass-light.png) repeat-x 0 50%;
  background-color: #1d88b4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

a.auth-top {
  display: inline-block;
  float: none;
  margin: 0; }

.auth-nonlink {
  padding-right: 26px;
  color: #555;
  border: 1px solid #ccc;
  background-color: rgba(0, 0, 0, 0.05); }

a.auth-twitter:hover,
input.auth-twitter:hover {
  color: #fff;
  background-color: #197ea7; }

a.auth-twitter:active,
input.auth-twitter:active {
  background-color: #15739a; }

a.auth-generic,
.auth-generic {
  display: block;
  float: left;
  position: relative;
  margin: 0 10px 10px 0;
  padding: 10px 14px;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  border: none;
  background: url(/static/images/glass-light.png) repeat-x 0 50%;
  background-color: #ea4c89;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

a.auth-generic:hover,
input.auth-generic:hover {
  color: #fff;
  background-color: #df3e7b; }

a.auth-generic:active,
input.auth-generic:active {
  background-color: #c22b65; }

a.auth-subdued,
.auth-subdued {
  background-color: #95989c; }

a.auth-subdued:hover {
  color: #fff;
  background-color: #8a8d91; }

a.auth-subdued:active {
  background-color: #7b7e82; }

.auth-twitter a.remove {
  position: absolute;
  top: -2px;
  right: -7px;
  margin: 6px 12px 0 0;
  padding: 0;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  color: #999999;
  background: url(/static/images/icon-tagx.png) no-repeat 0 0;
  z-index: 3; }

.auth-twitter a.remove:hover {
  background-position: 0 -12px; }

.auth-twitter a.remove img {
  height: 0; }

/* edit view form overrides */
div.edit-form {
  float: right;
  width: 470px; }

div.edit-form form.gen-form {
  margin-top: 0; }

div.edit-form form.gen-form fieldset.first {
  padding-top: 0; }

div.edit-form form.gen-form label {
  float: none;
  width: auto;
  margin-top: 0;
  font-size: 13px;
  font-weight: bold;
  text-align: left; }

div.edit-form form.gen-form label[for="screenshot_project"] {
  margin: 0;
  padding: 0 0 0 21px;
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-image: url("/static/images/icon-shot-addproj.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.edit-form form.gen-form label[for="screenshot_project"] {
      background-image: url("/static/images/icon-shot-addproj-2x.png");
      -webkit-background-size: 16px 64px;
      -moz-background-size: 16px 64px;
      background-size: 16px 64px; } }

div.edit-form form.gen-form label[for="screenshot_project"] a {
  font-size: 12px; }

div.edit-form form.gen-form label[for="screenshot_project"] a.remove-from-project {
  margin-left: 2px;
  opacity: .7; }
  div.edit-form form.gen-form label[for="screenshot_project"] a.remove-from-project:hover {
    opacity: 1; }

div.edit-form form.gen-form label span {
  margin-left: 10px; }
  div.edit-form form.gen-form label span.help {
    margin-left: 0; }

div.edit-form form.gen-form fieldset input[type=text],
div.edit-form form.gen-form fieldset input[type=password],
div.edit-form form.gen-form fieldset input[type=email] {
  width: 455px; }

div.edit-form form.gen-form fieldset textarea {
  width: 455px;
  height: 100px; }

div.edit-form form.gen-form fieldset ol.projects {
  margin: 10px 0 0 0; }

div.edit-form form.gen-form div.form-btns {
  padding: 10px 0 0 0; }

div.edit-form form.gen-form div.form-btns input {
  margin: 0; }

div.edit-form form.gen-form fieldset p.edit-help {
  padding: 4px 60px 0 0;
  font-size: .8em;
  line-height: 1.5;
  color: #999999; }

div.edit-form form.gen-form fieldset label img {
  margin-left: 2px;
  position: relative;
  top: 3px; }

div.edit-form form.gen-form fieldset.select-team select {
  width: 50%;
  padding: 4px 5px 4px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  color: #777777;
  border: 1px solid #d0d0d0;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("/static/images/icon-select-arrow.png");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  padding: 6px 6px 6px 10px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.edit-form form.gen-form fieldset.select-team select {
      background-image: url("/static/images/icon-select-arrow-2x.png");
      -webkit-background-size: 13px 5px;
      -moz-background-size: 13px 5px;
      background-size: 13px 5px; } }

div.edit-form form.gen-form fieldset a.add-to-project {
  float: left;
  padding: 10px 12px;
  color: #777777;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  div.edit-form form.gen-form fieldset a.add-to-project span {
    padding-left: 18px;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-image: url("/static/images/icon-add-project.png"); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
      div.edit-form form.gen-form fieldset a.add-to-project span {
        background-image: url("/static/images/icon-add-project-2x.png");
        -webkit-background-size: 12px 10px;
        -moz-background-size: 12px 10px;
        background-size: 12px 10px; } }
  div.edit-form form.gen-form fieldset a.add-to-project:hover {
    color: #444444;
    background: rgba(255, 255, 255, 0.6); }

#publish-screenshot-btn {
  float: left;
  margin-right: 6px; }

#cancel-screenshot-form {
  float: left;
  padding-top: 10px; }

#cancel-screenshot-form input {
  margin: 0; }

#main p.edit-note {
  clear: left;
  padding: 20px 0 0 0;
  font-size: 11px;
  text-align: center;
  color: #999999; }

/* bucket editing */
#the-shot-group {
  float: left;
  width: 500px;
  margin: 10px 0 0 0; }

#the-shot-group ol.dribbbles {
  float: left; }

#the-shot-group ol.dribbbles li.group {
  width: 220px;
  margin-right: 0; }

#the-shot-group ol.multi-grid {
  float: left;
  width: 250px;
  margin-left: 0; }

div.edit-bucket {
  width: 470px; }

div.edit-bucket form.gen-form fieldset input[type=text],
div.edit-bucket form.gen-form fieldset input[type=password],
div.edit-bucket form.gen-form fieldset input[type=email] {
  width: 455px; }

div.edit-bucket form.gen-form fieldset textarea {
  width: 455px;
  height: 100px; }

div.edit-bucket form.gen-form p.message {
  margin: -4px 0 0 0; }

/* contact form overlay */
#contact-overlay {
  font-size: 12px; }

#contact-overlay p {
  margin: 0 0 10px 0;
  font-size: 12px; }

#contact-overlay div.contact-head {
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #dddddd; }

#contact-overlay div.contact-head-first {
  margin: 15px 0 8px 0; }

#contact-overlay div.contact-head strong {
  float: left;
  width: 50px;
  margin: 8px 0 0 0; }

#contact-overlay div.contact-cc strong {
  margin: 0; }

#contact-overlay div.contact-head span.contact-email {
  margin-left: 3px;
  color: #777777; }

#contact-overlay div.contact-head span.note {
  display: block;
  margin: 3px 0 0 0;
  font-size: 11px;
  color: #999999; }

#contact-overlay a.url {
  font-weight: bold; }

#contact-overlay div.contact-to a.url {
  line-height: 32px; }

#contact-overlay a.url img {
  float: left;
  width: 30px;
  margin: 0 5px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

ol.activity li a.url:hover img {
  opacity: .8; }

#contact-overlay ul {
  margin: 0 0 10px 0; }

#contact-overlay ul li {
  margin: 0 0 4px 14px;
  list-style: disc;
  font-size: 12px;
  line-height: 1.4;
  color: #666; }

#contact-overlay ul li:last-child {
  margin-bottom: 0; }

#contact-overlay .error {
  margin: 0;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.8em;
  color: #444444;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  z-index: 999; }

/* overlay forms */
#contact-overlay form.overlay-form {
  margin: 0; }

#contact-overlay form.overlay-form div.form-field {
  padding: 4px 0; }

#contact-overlay form.overlay-form div.form-field fieldset {
  padding-top: 3px;
  border: none; }

#contact-overlay form.overlay-form div.contact-head fieldset {
  margin: 0;
  padding: 0; }

#contact-overlay form.overlay-form fieldset label {
  display: block;
  margin: 0 0 3px 0;
  font-weight: bold;
  text-align: left; }

#contact-overlay form.overlay-form div.contact-head fieldset label {
  display: inline;
  float: none;
  width: auto;
  margin: 0;
  font-weight: normal;
  color: #777777; }

#contact-overlay form.overlay-form div.contact-head fieldset input {
  float: left;
  margin: 2px 5px 0 0; }

#contact-overlay form.overlay-form p.message {
  margin: 0;
  font-size: 11px; }

#contact-overlay form.overlay-form div.form-btns {
  margin: 10px 0 0 0;
  padding: 0; }

#contact-overlay form.overlay-form button,
#contact-overlay .form-sub,
#contact-overlay a.form-sub-big,
#contact-overlay a.form-sub-teams,
#contact-overlay .form-btn {
  font-size: 12px; }

#contact-overlay div.friendly, #contact-overlay div.team-invite {
  margin: 0 0 10px 0;
  padding: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

#contact-overlay div.friendly h2, #contact-overlay div.team-invite h2 {
  font-size: 15px; }

#contact-overlay div.friendly ul, #contact-overlay div.team-invite ul {
  margin: 0; }

/* contact page */
#contact_mutable_wrap p.message {
  margin-bottom: 0px; }

#contact_mutable_wrap p.contact_mutable_intro {
  width: 57.142857142857%;
  margin: 0px 35px 0px auto;
  padding: 0 8px;
  line-height: 20px; }

#contact_mutable_wrap > fieldset, #contact .form-field-topic {
  display: none; }

#contact_mutable_wrap > fieldset, #contact_mutable_wrap .form-btns {
  -webkit-transition: opacity 200ms linear; }

#contact_mutable_wrap > fieldset.support, #contact_mutable_wrap .form-btns {
  display: block; }

.contact_legal_checkbox, .contact_known_issue {
  margin: 0px 34px 0px 257px;
  font-size: 14px;
  line-height: 20px;
  padding-left: 20px; }

.contact_legal_checkbox input {
  float: left;
  margin-left: -20px; }

.contact_known_issue {
  padding: 0px; }

.contact_known_issue .errorExplanation, .contact_known_issue .errorWarning, .contact_known_issue .warningExplanation {
  margin: 0;
  color: #444; }

.contact_known_issue .errorExplanation h2, .contact_known_issue .errorWarning h2, .contact_known_issue .warningExplanation h2 {
  background-color: #ff8833; }

.contact_known_issue .errorExplanation p, .contact_known_issue .errorWarning p, .contact_known_issue .warningExplanation p {
  margin: 0 !important;
  padding-top: 15px; }

.contact-us input[type=text]:disabled {
  color: #777; }

.contact-us .gen-form {
  margin-top: 0px; }

select.support-select {
  padding: 4px 5px 4px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  color: #777777;
  border: 1px solid #d0d0d0;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("/static/images/icon-select-arrow.png");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  font-size: 16px;
  padding: 8px 7px 8px;
  width: 59.742857142857%;
  /* 400 / 700 */
  line-height: 1.2; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    select.support-select {
      background-image: url("/static/images/icon-select-arrow-2x.png");
      -webkit-background-size: 13px 5px;
      -moz-background-size: 13px 5px;
      background-size: 13px 5px; } }

img.contact-kit {
  float: left;
  width: 100px;
  margin: 0 10px 0 0; }

img.contact-map {
  display: block;
  max-width: 100%;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }

address.hq {
  margin: 0 0 25px 0;
  padding: 10px;
  font-size: 13px;
  line-height: 1.4;
  color: #777777;
  background: rgba(0, 0, 0, 0.07);
  font-style: normal;
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

/* dribbble view styles
--------------------------------------------- */
#screenshot-dash {
  margin: 5px 0 0 0;
  font-size: .9em;
  font-weight: bold; }

#screenshot-dash a.prev {
  float: left;
  padding-left: 8px;
  background: url(/static/images/arrow-prev.gif) no-repeat 0 5px; }

#screenshot-dash a.next {
  float: right;
  padding-right: 8px;
  background: url(/static/images/arrow-next.gif) no-repeat 100% 5px; }

/* the screenshot title */
div.single-title {
  font-size: .9em; }

div.single-title a img {
  float: left;
  width: 48px;
  margin: 0 8px 0 0;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

div.single-title a:hover img {
  opacity: .9; }

div.single-title span.team-avatar {
  position: absolute;
  top: 32px;
  left: 32px;
  padding: 2px;
  background: #f0f0f0 url(/static/images/noise-f1.gif) repeat -70% 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  div.single-title span.team-avatar img {
    display: block;
    width: 20px;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden; }

div.single-title h1 {
  margin: 0 0 5px 58px;
  font-weight: bold;
  line-height: 1.1; }

#screenshot-title-section div.single-title h1 {
  font-size: 19px; }

div.single-title span.sep {
  margin: 0 2px;
  font-weight: normal;
  color: #bbb;
  text-shadow: none; }

div.single-title h2,
div.single-title div.shot-byline {
  margin-left: 60px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
  color: #999999; }

div.single-title div.shot-byline span.shot-byline-user {
  float: left; }

div.single-title div.shot-byline span.shot-byline-team {
  float: left;
  margin-left: 5px; }
  div.single-title div.shot-byline span.shot-byline-team span.for {
    float: left; }
  div.single-title div.shot-byline span.shot-byline-team img {
    width: 16px;
    margin: 1px 4px 0 5px; }

div.single-title div.shot-byline span.badge {
  float: left;
  margin: 2px 0 0 5px;
  padding: 2px 3px; }

div.single-title h2 a,
div.single-title div.shot-byline a {
  font-size: 1em;
  font-weight: bold; }

div.single-title div.shot-byline div.follow-prompt,
ol.activity li div.follow-prompt {
  float: left;
  margin: 0;
  padding: 0; }

div.single-title div.shot-byline div.follow-prompt {
  margin: 0 0 0 4px; }

ol.activity li div.follow-prompt {
  margin: -2px 6px 0 0; }

div.single-title div.shot-byline a.follow,
div.single-title div.shot-byline a.unfollow,
ol.activity li a.follow,
ol.activity li a.unfollow {
  float: left;
  margin: 3px 0 0 0;
  padding: 3px;
  width: 8px;
  height: 8px;
  margin-right: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

div.single-title div.shot-byline a.unfollow {
  background: #e0e0e0; }

div.single-title div.shot-byline a.follow:hover,
ol.activity li a.follow:hover {
  background: #8aba56; }

div.single-title div.shot-byline a.unfollow:hover,
ol.activity li a.unfollow:hover {
  background: #ea4c89; }

div.single-title div.shot-byline a.follow span,
div.single-title div.shot-byline a.unfollow span,
ol.activity li a.follow span,
ol.activity li a.unfollow span {
  float: left;
  width: 10px;
  padding-left: 8px;
  text-indent: -999em; }

div.single-title div.shot-byline a.follow span,
ol.activity li a.follow span {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-mini-follow.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.single-title div.shot-byline a.follow span,
    ol.activity li a.follow span {
      background-image: url("/static/images/icon-mini-follow-2x.png");
      -webkit-background-size: 8px 8px;
      -moz-background-size: 8px 8px;
      background-size: 8px 8px; } }

div.single-title div.shot-byline a.unfollow span,
ol.activity li a.unfollow span {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-mini-following.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.single-title div.shot-byline a.unfollow span,
    ol.activity li a.unfollow span {
      background-image: url("/static/images/icon-mini-following-2x.png");
      -webkit-background-size: 8px 7px;
      -moz-background-size: 8px 7px;
      background-size: 8px 7px; } }

div.single-title div.shot-byline a.unfollow:hover span,
ol.activity li a.unfollow:hover span {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-mini-unfollow.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.single-title div.shot-byline a.unfollow:hover span,
    ol.activity li a.unfollow:hover span {
      background-image: url("/static/images/icon-mini-unfollow-2x.png");
      -webkit-background-size: 8px 8px;
      -moz-background-size: 8px 8px;
      background-size: 8px 8px; } }

div.fans div.fans-shot {
  float: left;
  width: 88px;
  height: 66px;
  margin: 0 10px 0 0;
  padding: 6px 6px 14px 6px;
  border: 1px solid #ebebeb;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

div.fans div.fans-shot a {
  float: left;
  width: 88px;
  height: 66px;
  background: url(/static/images/checker-10x10.gif);
  overflow: hidden; }

div.fans div.fans-shot a img {
  width: auto;
  max-width: 88px;
  max-height: 66px;
  padding: 0;
  border: none;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

/* the screenshot */
div.the-shot {
  float: left;
  margin: 0 0 10px 0;
  width: 440px; }
  #main.full-800 div.the-shot {
    width: 970px; }

div.the-shot div.single {
  width: 400px;
  min-height: 300px;
  padding: 20px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
  #main.full-800 div.the-shot div.single {
    width: 800px; }

div.the-shot div.single-grid {
  display: table;
  width: 400px;
  height: 300px;
  background: url(/static/images/dribbble-checkerbg-lg.gif) no-repeat top left;
  overflow: hidden; }
  #main.full-800 div.the-shot div.single-grid {
    width: 800px;
    height: 600px;
    background-repeat: repeat; }

div.the-shot div.single-grid div.single-img {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  overflow: hidden; }

div.the-shot div.single-grid div.single-img img {
  display: block;
  max-width: 400px;
  max-height: 300px; }
  #main.full-800 div.the-shot div.single-grid div.single-img img {
    max-width: 800px;
    max-height: 600px; }

div.single-desc {
  margin: 10px 0 25px 0;
  padding: 0;
  color: #333; }

div.screenshot-description {
  font-size: 1.1em;
  line-height: 1.4em; }

/* if showing an attachment in project */
div.the-attachment {
  clear: both;
  width: auto;
  max-width: 100%; }

div.the-attachment div.single {
  width: auto;
  min-height: 0; }

div.the-attachment div.single img {
  display: block;
  max-width: 100%; }

/* date, dimensions and pixel count */
span.screenshot-dash,
div.screenshot-dash {
  float: left;
  margin: 2px 0 0 12px;
  font-size: 12px;
  color: #999999; }

span.screenshot-dash span.sep,
div.screenshot-dash span.sep {
  margin: 0 4px;
  color: #ccc;
  text-shadow: 1px 1px 1px #fff; }

span.screenshot-dash strong {
  font-weight: bold; }

span.screenshot-dash em {
  font-size: .8em;
  font-style: normal;
  color: #999999; }

span.screenshot-dash a.twotimes {
  color: #999999; }

span.screenshot-dash a.twotimes:hover,
#main.full-800 span.screenshot-dash a.twotimes {
  color: #ea4c89; }

/* rebound */
div.the-rebound {
  margin: 20px 0 0 0; }

div.full div.the-rebound {
  float: left;
  width: 440px;
  margin: 10px 0 20px 0; }

div.full div.the-rebound-img {
  font-size: 1.2em; }

ol.comments li div.the-rebound {
  float: none;
  clear: none;
  width: auto; }

div.the-rebound div.dribbble-img {
  position: relative;
  float: left;
  width: 88px;
  height: 66px;
  margin: 0 10px 0 0;
  padding: 6px 6px 14px 6px;
  border: 1px solid #ebebeb;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

div.the-rebound div.dribbble-img a.dribbble-link {
  float: left;
  width: 88px;
  height: 66px;
  background: url(/static/images/checker-10x10.gif);
  overflow: hidden; }

div.the-rebound div.dribbble-img a.dribbble-link img {
  width: auto;
  max-width: 88px;
  max-height: 66px;
  padding: 0;
  border: none;
  background: none; }

div.the-rebound a.dribbble-over {
  position: absolute;
  top: 6px;
  left: 6px;
  opacity: 0;
  /* revealed with jQuery */
  filter: alpha(opacity=0);
  /* IE hack */
  height: 100%;
  width: 100%;
  text-indent: -9999px;
  background: url(/static/images/thumb-zoom.png) no-repeat 0 0; }

h3.rebound-flag {
  margin: 4px 0 4px 110px;
  padding: 5px 0 0 20px;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  color: #8aba56;
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-image: url("/static/images/icon-rebound.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    h3.rebound-flag {
      background-image: url("/static/images/icon-rebound-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

div.the-rebound h3.rebound-title {
  margin: 0 0 4px 0;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.3; }

div.the-rebound h4 {
  margin: 0 0 4px 0;
  font-size: .9em;
  line-height: 1.3;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5); }

div.the-rebound h4 a {
  font-weight: normal; }

div.the-rebound h4 span.badge {
  font-size: 9px;
  line-height: 1.8;
  vertical-align: top; }

div.the-rebound p {
  font-size: .9em;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.5); }

/* attachments on shot detail */
div.attach {
  min-height: 30px;
  margin: 20px 0 0 0;
  padding-left: 38px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-attachment-lg.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.attach {
      background-image: url("/static/images/icon-attachment-lg-2x.png");
      -webkit-background-size: 30px 30px;
      -moz-background-size: 30px 30px;
      background-size: 30px 30px; } }

div.attach h3 {
  margin: 0 0 5px 0;
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
  color: #444444; }

div.attach h3.under-attachments {
  margin-top: 20px; }

div.attach ul li {
  margin: 0 0 4px 0;
  font-size: 12px;
  line-height: 1; }

div.attach ul li:last-child {
  margin-bottom: 0; }

div.attach ul li a {
  font-weight: bold; }

div.attach ul li em {
  margin-left: 3px;
  font-size: 11px;
  font-style: normal;
  color: #bbb; }

div.attach form.delete-attachment {
  position: relative;
  top: 2px; }

div.attach form {
  margin-top: 10px; }

div.attach div.attach-upld-btn {
  margin: 5px 0 0 0; }

div.attach div.attach-upld-btn input.form-sub {
  padding: 5px 8px;
  font-size: .75em; }

div.attach p.note {
  margin: 5px 0 0 0;
  font-size: .75em;
  color: #999999; }

div.attach p.upsell {
  margin: 5px 0 0 0;
  font-size: 11px;
  color: #999999; }

div.attach p.upsell a {
  font-weight: bold; }

/* screenshot meta col */
div.screenshot-meta {
  float: right;
  width: 250px;
  margin-top: -10px; }
  #main.full-800 div.screenshot-meta {
    margin: 17px 130px 0 0; }
  body#project div.screenshot-meta {
    margin-top: 17px; }

#screenshot-edit div.screenshot-meta {
  width: 480px; }

h3.meta-head {
  padding: 20px 12px 8px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #777777; }

div.meta-act {
  position: relative;
  border-bottom: 1px solid #dddddd; }

div.meta-act .meta-act-link {
  display: block;
  padding: 12px 12px 12px 35px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: #999999;
  background-repeat: no-repeat;
  background-position: 12px 50%;
  z-index: 555; }

div.meta-act .meta-act-link em {
  font-style: normal;
  font-weight: normal; }

div.meta-act a.meta-act-link:hover {
  color: #444444; }

div.meta-act a.meta-like {
  background-position: 12px 10px;
  background-image: url("/static/images/icon-shot-like.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.meta-act a.meta-like {
      background-image: url("/static/images/icon-shot-like-2x.png");
      -webkit-background-size: 16px 64px;
      -moz-background-size: 16px 64px;
      background-size: 16px 64px; } }
  div.meta-act a.meta-like:hover {
    background-position: 12px -40px; }

div.meta-act span.meta-views {
  background-position: 12px 12px;
  background-image: url(/static/images/icon-views.png);
  background-image: url("/static/images/icon-views.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.meta-act span.meta-views {
      background-image: url("/static/images/icon-views-2x.png");
      -webkit-background-size: 16px 11px;
      -moz-background-size: 16px 11px;
      background-size: 16px 11px; } }

div.meta-act a.meta-rebound {
  background-position: 12px 9px;
  background-image: url("/static/images/icon-shot-rebound.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.meta-act a.meta-rebound {
      background-image: url("/static/images/icon-shot-rebound-2x.png");
      -webkit-background-size: 16px 64px;
      -moz-background-size: 16px 64px;
      background-size: 16px 64px; } }
  div.meta-act a.meta-rebound:hover {
    background-position: 12px -39px; }

div.meta-act a.meta-bucket {
  background-position: 9px 8px;
  background-image: url("/static/images/icon-shot-bucket.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.meta-act a.meta-bucket {
      background-image: url("/static/images/icon-shot-bucket-2x.png");
      -webkit-background-size: 19px 64px;
      -moz-background-size: 19px 64px;
      background-size: 19px 64px; } }
  div.meta-act a.meta-bucket:hover {
    background-position: 9px -39px; }

div.meta-act div.bucketed a.meta-bucket {
  color: #ea4c89;
  background-position: 9px 7px;
  background-image: url("/static/images/icon-bucketed.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.meta-act div.bucketed a.meta-bucket {
      background-image: url("/static/images/icon-bucketed-2x.png");
      -webkit-background-size: 19px 17px;
      -moz-background-size: 19px 17px;
      background-size: 19px 17px; } }

div.meta-act a.meta-share {
  background-position: 12px 11px;
  background-image: url("/static/images/icon-shot-share.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.meta-act a.meta-share {
      background-image: url("/static/images/icon-shot-share-2x.png");
      -webkit-background-size: 16px 64px;
      -moz-background-size: 16px 64px;
      background-size: 16px 64px; } }
  div.meta-act a.meta-share:hover {
    background-position: 12px -41px; }

div.meta-act .meta-project {
  position: relative;
  background-position: 12px 11px;
  background-image: url("/static/images/icon-shot-addproj.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.meta-act .meta-project {
      background-image: url("/static/images/icon-shot-addproj-2x.png");
      -webkit-background-size: 16px 64px;
      -moz-background-size: 16px 64px;
      background-size: 16px 64px; } }

div.meta-act a.meta-project:hover {
  background-position: 12px -41px; }

input.remove-from-project {
  position: absolute;
  top: 12px;
  right: 6px;
  opacity: .6;
  z-index: 998; }
  input.remove-from-project:hover {
    opacity: 1; }

div.meta-act .meta-link {
  margin: 10px 0 0 0;
  padding: 2px 0 2px 23px;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #999999;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-shot-url.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.meta-act .meta-link {
      background-image: url("/static/images/icon-shot-url-2x.png");
      -webkit-background-size: 16px 64px;
      -moz-background-size: 16px 64px;
      background-size: 16px 64px; } }
  div.meta-act .meta-link:hover {
    background-position: 0 -48px; }

div.meta-act div.meta-link a {
  display: none;
  /* hide link in full-screen mode */
  color: #999999; }
  div.meta-act div.meta-link a:hover {
    color: #444444; }

#share-form-url {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
  color: #999999;
  border: none;
  background: none;
  -webkit-appearance: none; }
  div.meta-act div.meta-link:hover #share-form-url {
    color: #444444; }

div.meta-act div.meta-colors {
  padding-right: 0;
  padding-left: 4px;
  background: none; }

div.meta-act div.meta-colors a.drop {
  float: left;
  width: 16px;
  margin: -1px 7px 0 7px;
  padding-left: 1px;
  opacity: .46; }
  div.meta-act div.meta-colors a.drop:hover {
    opacity: 1; }

div.meta-act div.meta-colors ul.color-chips {
  margin: 1px 0 0 28px; }

div.meta-act div.meta-colors ul.color-chips li {
  margin: 0; }

div.meta-act div.meta-colors ul.color-chips li a {
  width: 27px; }

div.meta-act div.meta-colors ul.color-chips li:last-child a {
  width: 26px; }

div.meta-act a.meta-edit {
  border-bottom: none;
  background-image: url(/static/images/icon-edit16.png); }

div.meta-act a.meta-addtags {
  background-image: url(/static/images/icon-addtags16.png); }

div.meta-act a.meta-alljobs {
  background-image: url(/static/images/icon-meta-act-back.png); }

div.fav,
div.rebound,
div.bucket,
div.project {
  position: relative; }

div.fav strong.fav-number,
div.rebound strong.rebound-number,
div.bucket strong.bucket-number {
  position: absolute;
  top: 0;
  right: 0;
  font-size: .8em;
  font-weight: normal;
  color: #999999;
  z-index: 777; }

div.fav strong.fav-number a,
div.rebound strong.rebound-number a,
div.bucket strong.bucket-number a {
  display: block;
  font-weight: normal;
  padding: 12px;
  line-height: 1;
  color: #999999; }
  div.fav strong.fav-number a:hover,
  div.rebound strong.rebound-number a:hover,
  div.bucket strong.bucket-number a:hover {
    color: #444444; }

div.fav a.action, div.fav a.follow, div.fav a.unfollow, div.fav div.follow-prompt a.unblock, div.follow-prompt div.fav a.unblock {
  float: left;
  font-size: .9em;
  line-height: 1.2; }

div.fav a.action span, div.fav a.follow span, div.fav a.unfollow span, div.fav div.follow-prompt a.unblock span, div.follow-prompt div.fav a.unblock span {
  padding-left: 17px;
  background: url(/static/images/icon-like.gif) no-repeat 0 50%; }

div.fav a.action:hover span, div.fav a.follow:hover span, div.fav a.unfollow:hover span, div.fav div.follow-prompt a.unblock:hover span, div.follow-prompt div.fav a.unblock:hover span {
  background-image: url(/static/images/icon-liked.gif); }

div.fav a.pass span {
  padding-left: 26px;
  background-image: url(/static/images/icon-pass.png);
  background-repeat: no-repeat;
  background-position: 0 50%; }

div.meta-act div.marked a.meta-act-link {
  color: #ea4c89;
  background-image: url("/static/images/icon-liked16.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.meta-act div.marked a.meta-act-link {
      background-image: url("/static/images/icon-liked16-2x.png");
      -webkit-background-size: 16px 14px;
      -moz-background-size: 16px 14px;
      background-size: 16px 14px; } }

div.fav .likes {
  padding-left: 17px;
  font-weight: bold;
  background: url(/static/images/icon-hearts.gif) no-repeat 0 -32px; }

div.fav span.likes {
  font-weight: normal;
  color: #999999;
  background: url(/static/images/icon-like.gif) no-repeat 0 50%; }

/* help pop up */
.help-pop {
  display: none;
  position: absolute;
  top: 8px;
  right: -13px;
  margin-left: 3px;
  padding: 2px 5px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

div.meta-act:hover .help-pop {
  display: block; }

.help-pop:hover {
  opacity: .7; }

/* comments */
#comments-section {
  clear: left;
  float: left;
  width: 440px;
  margin: 25px 0; }
  #main.full-800 #comments-section {
    width: 560px; }

ol.comments li {
  position: relative; }

ol.comments li.response {
  float: none;
  width: auto;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.4em;
  color: #555;
  border-bottom: 1px solid #dddddd; }

ol.comments li:last-child {
  border-bottom: none; }

ol.comments li h2 img {
  float: left;
  width: 32px;
  margin: 3px 10px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

ol.comments li h2 span.badge {
  position: absolute;
  top: 36px;
  left: 0;
  width: 26px;
  height: 10px;
  margin: 2px 0 0 0;
  padding: 2px 3px;
  text-align: center;
  line-height: 1;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

ol.comments li:hover h2 span.badge {
  opacity: 1; }

ol.comments li h2 a:hover img {
  opacity: .8; }

ol.comments li div.comment-body {
  width: 388px;
  margin: 0 0 0 42px;
  overflow: hidden; }
  #main.full-800 ol.comments li div.comment-body {
    width: 532px; }

ol.comments li div.comment-body p {
  margin: 0 0 10px 0;
  padding: 0; }

ol.comments li div.comment-body p code {
  font-family: Monaco, monospace;
  font-size: 1.1em;
  color: #666; }

ol.comments li div.comment-body strong.plus1 {
  margin: 0 2px 0 0;
  padding: 1px 3px;
  font-size: .8em;
  color: #fff;
  background: #8aba56 url(/static/images/glass.png) repeat-x 0 50%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

ol.comments li a.posted:hover {
  text-decoration: none;
  color: #777777; }

ol.comments li p.comment-meta {
  margin: 0 0 15px 42px;
  font-size: .75em;
  line-height: 1;
  color: #ccc; }

ol.comments li p.comment-meta a {
  color: #999999; }

ol.comments li p.comment-meta a:hover {
  color: #666; }

ol.comments li p.comment-meta span.sep {
  margin: 0 3px; }

/* liking comments */
ol.comments li span.comment-meta-likes {
  float: right;
  white-space: nowrap;
  font-size: .78em;
  line-height: 1; }

ol.comments li a.likes-list {
  float: right;
  font-weight: normal;
  color: #aaa;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-hearts.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.comments li a.likes-list {
      background-image: url("/static/images/icon-hearts-2x.png");
      -webkit-background-size: 12px 45px;
      -moz-background-size: 12px 45px;
      background-size: 12px 45px; } }

ol.comments li a.likes-list:hover {
  color: #555;
  background-position: 0 -17px; }

ol.comments li a.liked-by-current-user {
  background-position: 0 -34px; }

ol.comments li p.comment-meta a.liked-by-current-user {
  font-weight: bold;
  color: #ea4c89; }

ol.comments li div.comment-likes ol.players-list {
  margin: 0 0 10px 40px;
  padding: 0; }

ol.comments li div.comment-likes ol.players-list li {
  float: right;
  margin: 0;
  padding: 0;
  border: none; }

ol.comments li div.comment-likes li img {
  float: right;
  width: 24px;
  margin: 1px 0 5px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

/* rebounds */
ol.comments li div.the-rebound {
  margin: -3px 0 5px 0;
  padding: 0;
  background: none; }

ol.comments li div.the-rebound div.dribbble-img {
  border: none;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }

ol.comments li.response div.comment-body div.the-rebound p {
  margin-bottom: 6px; }

ol.comments li ul.tools {
  float: right; }

/* add comment form */
form.comment textarea {
  width: 424px;
  height: 100px;
  margin: 0;
  padding: 5px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.4em;
  color: #555;
  border: none;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  #main.full-800 form.comment textarea {
    width: 544px; }
  #main.full-800 ol.comments li div.comment-body form.comment textarea {
    width: 516px; }

div.comment-body form.comment {
  margin-bottom: 20px; }

div.comment-body form.comment textarea {
  width: 372px;
  height: 100px; }

form.comment textarea:focus {
  background: #fff;
  outline-width: 0; }

form.comment input {
  margin-top: 10px;
  float: left; }

form.comment.error textarea {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0; }
form.comment.error p.error {
  background: #df3b3b url(/static/images/alert-lines.png) repeat-x top left;
  color: #fff;
  padding: 10px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }

div.comment-body form.comment button {
  margin-right: 4px; }

/* comments help */
#view-comments-help {
  float: right;
  margin: 10px 0 0 15px;
  font-size: .8em;
  font-weight: bold;
  line-height: 2.9; }

#view-comments-help a {
  font-weight: normal;
  padding: 2px 0 0 21px;
  color: #999999;
  background: url(/static/images/icon-help-circle.png) no-repeat 0 50%;
  background-size: 16px 16px; }

#view-comments-help a:hover {
  opacity: .7; }

/* keyboard shortcut legend */
#kbd-legend {
  clear: both; }

#kbd-legend p {
  margin: 0;
  padding: 30px 0 0 0;
  font-size: 12px;
  text-align: center;
  color: #bbb;
  border-top: 1px solid #dddddd;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease; }

#kbd-legend p:hover {
  color: #777777; }

#kbd-legend span {
  margin: 0 20px; }

#kbd-legend span strong {
  margin: 0 4px 0 0; }

/* prev/next navigation from shot detail */
ol.prevnext {
  max-width: 220px;
  margin: -5px 0 25px 0; }

ol.prevnext li.prev,
ol.prevnext li.next {
  position: relative;
  float: left;
  width: 38.636363636364%;
  /* 85 / 220 */
  max-width: 100px;
  margin: 0;
  padding: 2.272727272727%;
  /* 5 / 220 */
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }

ol.prevnext li a,
ol.prevnext li span {
  float: left;
  width: 100%;
  overflow: hidden; }

ol.prevnext li a img,
ol.prevnext li img {
  float: left;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0; }

ol.prevnext li.next {
  float: right; }

ol.prevnext li a strong {
  position: absolute;
  opacity: 0;
  /* revealed with jQuery */
  filter: alpha(opacity=0);
  /* IE hack */
  top: 5px;
  left: 5px;
  height: 100%;
  width: 100%;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/prevnext-prevover.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.prevnext li a strong {
      background-image: url("/static/images/prevnext-prevover-2x.png");
      -webkit-background-size: 85px 64px;
      -moz-background-size: 85px 64px;
      background-size: 85px 64px; } }

ol.prevnext li.next strong {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/prevnext-nextover.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.prevnext li.next strong {
      background-image: url("/static/images/prevnext-nextover-2x.png");
      -webkit-background-size: 85px 64px;
      -moz-background-size: 85px 64px;
      background-size: 85px 64px; } }

ol.prevnext li.none {
  background: rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* search results
--------------------------------------------- */
ul.more-results {
  margin: 0 0 25px 0;
  font-size: 11px;
  color: #777777; }

ul.more-results li {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #dddddd; }

ul.more-results li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none; }

ul.more-results li a {
  color: #999999; }

ul.more-results li.member-results {
  padding-left: 24px;
  background: url(/static/images/icon-geo.png) no-repeat 3px 2px; }

ul.more-results li.skill-results {
  padding-left: 24px;
  background: url(/static/images/icon-skills.png) no-repeat 0 3px; }

ul.more-results li a strong {
  display: block;
  margin-bottom: 1px;
  font-size: 14px;
  color: #4083a9; }

ul.more-results li a:hover,
ul.more-results li a:hover strong {
  color: #205f82; }

div.results {
  margin: 0 0 25px 0; }

ol.users {
  margin: -6px 0 20px 0; }

ol.users li {
  overflow: auto; }

ol.users li a {
  display: block;
  margin: 0;
  padding: 6px 0;
  font-size: 12px;
  line-height: 20px;
  overflow: auto; }

ol.users li:last-child {
  border-bottom: none; }

ol.users li img {
  float: left;
  width: 20px;
  max-height: 20px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

ol.users li a {
  font-weight: bold; }

ol.users li a:hover img {
  width: 20px;
  background: transparent;
  border-color: transparent; }

ol.users li.all a {
  padding-right: 12px;
  font-size: 12px;
  text-align: right;
  background: url(/static/images/icon-bluearrow.png) no-repeat 100% 13px; }

ol.users li.all a:hover {
  background-position: 100% -9px; }

/* players list */
ol.players-list {
  margin: -8px 0 20px 0;
  font-size: .9em; }

div.secondary ol.players-list {
  font-size: .8em; }

ol.players-list li {
  margin: 0;
  padding: 8px 0; }

ol.players-list li h4.vcard {
  margin: 0; }

div.secondary ol.players-list li h4.vcard,
div.stat ol.players-list li h4.vcard,
div.col-3x3 ol.players-list li h4.vcard {
  font-size: 13px;
  line-height: 1.4; }

div.secondary ol.players-list li h4.vcard img,
div.stat ol.players-list li h4.vcard img,
div.col-3x3 ol.players-list li h4.vcard img {
  width: 26px;
  margin-top: 3px; }

ol.players-list li h4.vcard span.badge {
  font-size: 9px;
  line-height: 20px;
  vertical-align: top; }

ol.players-list li span.user-meta {
  display: block;
  margin: 0;
  padding: 0;
  font-size: .85em;
  font-weight: normal;
  line-height: 1.2;
  color: #999999; }

div.secondary ol.players-list li span.user-meta,
div.stat ol.players-list li span.user-meta,
div.col-3x3 ol.players-list li span.user-meta {
  font-size: 11px;
  line-height: 1; }

ol.players-list li span.user-meta i {
  margin: 0 4px;
  font-size: .9em;
  text-shadow: 1px 1px 1px #fff;
  color: #bbb; }

ol.players-list li div.follow-prompt {
  float: right;
  font-size: .9em;
  line-height: 12px;
  margin: -2px 0 0 0; }

ol.players-list li a.follow,
ol.players-list li a.unfollow {
  padding: 6px;
  margin-right: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

ol.players-list li a.follow span,
ol.players-list li a.unfollow span {
  float: left;
  padding-left: 12px;
  text-indent: -999em; }

ol.players-list li:last-child {
  border-bottom: none; }

/* teaser styles
--------------------------------------------- */
#teaser {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px; }

ol.new {
  float: right;
  margin-right: 220px; }

#single.edit {
  padding: 10px; }

/* profile view styles
--------------------------------------------- */
body#profile #content,
body#user-profile #content {
  position: relative; }

div.profile {
  position: relative;
  width: 700px;
  margin: 0 0 15px 0; }

div.profile h1 {
  margin: 0;
  padding: 0;
  line-height: 2.2; }
  div.profile h1 span.fn a {
    color: #444444; }

div.breadcrumb h1 {
  font-size: 18px;
  line-height: 2.6; }

div.combo h1 {
  font-size: 18px;
  line-height: 1.5; }

h1 span.sep {
  margin: 0 2px;
  font-weight: normal;
  text-shadow: none;
  color: #bbb; }

div.profile h1 img.private {
  margin: 0 0 0 2px; }

div.profile img.photo {
  float: left;
  display: block;
  position: relative;
  width: 48px;
  max-height: 48px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

div.profile a:hover img.photo {
  opacity: .8; }

body#profile div.profile h1,
body#user-profile div.profile h1,
body#projects-index div.profile h1,
body#user-tags div.profile h1 {
  line-height: 1; }

body#profile div.profile h1 span.badge,
body#user-profile div.profile h1 span.badge,
body#projects-index div.profile h1 span.badge,
body#user-tags div.profile h1 span.badge {
  line-height: 1.9;
  vertical-align: bottom; }

body#profile div.profile img.photo,
body#user-profile div.profile img.photo,
body#projects-index div.profile img.photo,
body#user-tags div.profile img.photo {
  width: 80px;
  max-height: 80px;
  margin-right: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

div.profile h2 {
  font-size: 14px;
  font-weight: normal;
  color: #999999; }

div.profile h2.owner {
  display: inline; }

div.profile h2 strong {
  color: #777777; }

div.profile ul.profile-details {
  margin: 4px 0 0 0; }

div.profile ul.profile-details li {
  display: inline;
  margin: 0 12px 0 0;
  font-size: 1.2em;
  line-height: 1.4em;
  color: #777777; }

div.profile ul.profile-details li strong {
  color: #333; }

body#user-profile div.profile span.locality,
body#profile div.profile span.locality,
body#user-tags div.profile span.locality,
body#user-profile div.profile a.locality,
body#profile div.profile a.locality,
body#projects-index div.profile span.locality,
body#projects-index div.profile a.locality,
body#user-tags div.profile a.locality {
  padding: 3px 0 3px 16px;
  color: #999999;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-geo.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    body#user-profile div.profile span.locality,
    body#profile div.profile span.locality,
    body#user-tags div.profile span.locality,
    body#user-profile div.profile a.locality,
    body#profile div.profile a.locality,
    body#projects-index div.profile span.locality,
    body#projects-index div.profile a.locality,
    body#user-tags div.profile a.locality {
      background-image: url("/static/images/icon-geo-2x.png");
      -webkit-background-size: 12px 16px;
      -moz-background-size: 12px 16px;
      background-size: 12px 16px; } }

body#user-profile div.profile a.url,
body#profile div.profile a.url,
body#projects-index div.profile a.url,
body#user-tags div.profile a.url,
div.combo ul.profile-details li a.url {
  padding: 3px 0 3px 20px;
  color: #999999;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-weburl.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    body#user-profile div.profile a.url,
    body#profile div.profile a.url,
    body#projects-index div.profile a.url,
    body#user-tags div.profile a.url,
    div.combo ul.profile-details li a.url {
      background-image: url("/static/images/icon-weburl-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

div.combo ul.profile-details li a.url {
  font-size: 16px;
  line-height: 1; }

div.profile a.twitter-player-link {
  padding: 3px 0 3px 20px;
  color: #999999;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-tweet16.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.profile a.twitter-player-link {
      background-image: url("/static/images/icon-tweet16-2x.png");
      -webkit-background-size: 16px 13px;
      -moz-background-size: 16px 13px;
      background-size: 16px 13px; } }

body#user-profile div.profile a.locality:hover,
body#profile div.profile a.locality:hover,
body#user-tags div.profile a.locality:hover,
body#user-profile div.profile a.url:hover,
body#user-tags div.profile a.url:hover,
body#profile div.profile a.url:hover,
body#projects-index div.profile a.locality:hover,
body#projects-index div.profile a.url:hover,
div.combo ul.profile-details li a.url:hover,
body#user-profile div.profile a.twitter-player-link:hover,
body#profile div.profile a.twitter-player-link:hover,
body#user-tags div.profile a.twitter-player-link:hover {
  color: #777777; }

/* profile stats tabs */
ul.profile-tabs {
  margin: 18px 0 0 0; }

div.profile-actions-stats ul.profile-tabs,
div.profile-actions-shots ul.profile-tabs {
  margin: 0; }

ul.profile-tabs li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #444444;
  border-right: 1px solid #ddd; }

ul.profile-tabs li:last-child {
  margin: 0;
  padding: 0;
  border-right: none; }

ul.profile-tabs li a {
  display: block;
  float: left;
  color: #444444; }

ul.profile-tabs li span.meta {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal;
  color: #999999; }

ul.profile-tabs li a span.meta {
  color: #999999; }

ul.profile-tabs li a:hover {
  color: #4083a9; }

ul.profile-tabs li a:hover span.meta {
  color: #777777; }

ul.profile-tabs li.active a {
  color: #444444; }

ul.profile-tabs li.active a span.meta {
  color: #777777; }

div.profile-actions {
  float: right;
  width: 22.680412371134%;
  /* 220 / 970 */
  margin: 5px 0 0 0; }
  body#profile-secondary div.profile-actions {
    margin-top: -10px; }

div.profile-actions-stats {
  margin: 0; }

/* bio */
div.profile-data {
  margin: 0 0 20px 0; }

div.secondary div.profile-data p.copy {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #777777; }

div.secondary div.profile-data p.copy a {
  font-weight: bold; }

div.secondary div.profile-data ol.skills-list {
  margin-top: 10px; }

/* shot stats meter */
#shot-summary,
#attachment-summary {
  margin: 5px 0 25px 0; }

#attachment-summary {
  margin-top: -10px; }

body#account-pro #attachment-summary {
  margin-top: 0; }

.pixel-meter {
  width: 100%;
  max-width: 220px;
  height: 13px;
  padding: 1px;
  overflow: hidden;
  background: url(/static/images/pixelmeter-bg.gif) no-repeat top left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.pixel-meter .published {
  float: left;
  display: block;
  text-indent: -9999px;
  height: 11px;
  background: url(/static/images/pixelmeter-pink.gif) repeat-x top left; }

#attachment-summary .pixel-meter .published {
  background-image: url(/static/images/pixelmeter-graphite.gif?1); }

.pixel-meter .published span {
  display: block;
  height: 11px;
  border-right: 1px solid #d33b74; }

#attachment-summary .pixel-meter .published span {
  border-right-color: #666; }

ul.shot-legend {
  margin: 5px 0 0 0;
  overflow: hidden; }

ul.shot-legend li {
  float: left;
  margin: 0 15px 0 0;
  font-size: 11px;
  font-weight: normal;
  color: #999999; }

ul.shot-legend li a {
  color: #999999; }

ul.shot-legend li a:hover {
  text-decoration: none;
  color: #444444; }

ul.shot-legend li em {
  margin: 0;
  font-style: normal;
  font-weight: bold;
  color: #777777; }

ul.shot-legend li img {
  float: left;
  margin: 2px 4px 0 0; }

/* actions list */
ul.actions {
  margin: 0 0 25px 0;
  font-size: 1.1em; }

ul.actions li a {
  font-weight: bold;
  text-decoration: underline; }

ul.actions li#action-upload a {
  font-size: 1.2em;
  padding: 14px 0 16px 32px;
  background: url(/static/images/icon-plus.gif) no-repeat 0 50%; }

a.action, a.follow, a.unfollow, div.follow-prompt a.unblock,
span.action,
.action,
a.follow,
a.unfollow,
div.follow-prompt a.unblock {
  float: right;
  margin: 0;
  padding: 7px 12px;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #666;
  border: none;
  background: lightgrey url(/static/images/glass-30.png) repeat-x 0 50%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

a.action:hover, a.follow:hover, a.unfollow:hover, div.follow-prompt a.unblock:hover,
a.edit-avatar {
  color: #fff;
  background: #ea4c89 url(/static/images/glass-light.png) repeat-x 0 50%; }

a.action strong, a.follow strong, a.unfollow strong, div.follow-prompt a.unblock strong {
  font-size: .7em;
  text-transform: uppercase;
  color: #999999; }

a.done {
  color: #fff;
  background: #ea4c89; }

a.done:hover {
  background: #c5376d; }

a.edit {
  padding: 0;
  margin: 0 0 0 0; }

a.edit span {
  float: left;
  width: 15px;
  height: 15px;
  padding: 6px 8px; }

a.edit img {
  height: 0; }

a.edit span {
  background-image: url(/static/images/icon-edit.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%; }

a.edit:hover span {
  background-image: url(/static/images/icon-edit-white.gif); }

a.edit-avatar {
  float: left;
  font-size: .9em; }

a.follow,
a.unfollow,
div.follow-prompt a.unblock,
a.contact,
a.edit-account,
a.draft,
span.draft-pending,
a.settings,
a.lists,
a.new-list {
  float: left;
  margin: 5px 5px 0 0; }

span.draft-pending {
  color: #8aba56;
  background: none; }

a.follow span {
  padding-left: 18px;
  background-image: url(/static/images/icon-follow.png?1);
  background-repeat: no-repeat;
  background-position: 0 50%; }

a.follow:hover {
  border-color: #8aba56;
  background-color: #8aba56; }

a.unfollow {
  color: #fff;
  border-color: #8aba56;
  background: #8aba56 url(/static/images/glass-light.png) repeat-x 0 50%; }

a.unfollow span {
  padding-left: 18px;
  background-image: url(/static/images/icon-check-sm.png);
  background-repeat: no-repeat;
  background-position: 0 50%; }

a.unfollow span strong {
  padding-left: 5px; }

a.unfollow:hover span {
  color: #f9c;
  background-image: url(/static/images/icon-x-sm.png?1); }

a.unfollow:hover strong {
  color: #fff; }

div.follow-prompt a.unblock {
  width: 50px; }
  div.follow-prompt a.unblock:hover {
    color: #fff;
    background-color: #8aba56; }

a.contact span {
  padding-left: 24px;
  background-image: url(/static/images/icon-contact.png);
  background-repeat: no-repeat;
  background-position: 0 50%; }

a.contact:hover {
  border-color: #8aba56;
  background-color: #8aba56; }

a.draft span,
span.draft-pending span {
  padding-left: 32px;
  background-image: url(/static/images/icon-pass-gray.gif);
  background-repeat: no-repeat;
  background-position: 0 50%; }

a.draft:hover {
  color: #fff;
  background: #8aba56 url(/static/images/glass-light.png) repeat-x 0 50%; }

a.draft:hover span,
span.draft-pending span {
  background-image: url(/static/images/icon-pass-hov.png); }

a.new-list span {
  padding-left: 23px;
  background-image: url(/static/images/icon-lists.png);
  background-repeat: no-repeat;
  background-position: 0 50%; }

a.new-list:hover {
  border-color: #8aba56;
  background-color: #8aba56; }

a.tags {
  float: left; }

a.tags span {
  padding-left: 14px;
  background-image: url(/static/images/icon-tag.gif);
  background-repeat: no-repeat;
  background-position: 0 50%; }

a.tags:hover span {
  background-image: url(/static/images/icon-tag-white.gif); }

a.tag span {
  padding-left: 14px;
  background-image: url(/static/images/icon-tag.gif);
  background-repeat: no-repeat;
  background-position: 0 50%; }

a.tag:hover span {
  background-image: url(/static/images/icon-tag-white.gif); }

a.crop span {
  padding-left: 18px;
  background-image: url(/static/images/icon-crop.gif);
  background-repeat: no-repeat;
  background-position: 0 50%; }

a.crop:hover span {
  background-image: url(/static/images/icon-crop-white.gif); }

a.add-desc {
  float: left;
  font-size: .8em; }

a.rebound-upload {
  color: #fff;
  background: #8aba56 url(/static/images/glass-light.png) repeat-x 0 50%; }

a.rebound-upload:hover {
  background-color: #6a9739; }

div.full-actions {
  float: right;
  margin: 15px 0 0 0; }

/* project view styles */
div.profile div.bucket-meta p {
  display: inline;
  font-size: 13px;
  line-height: 1.4; }

p.project-desc {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 1.4;
  color: #777777; }

body#project div.the-shot {
  margin-bottom: 30px; }

body#project div.screenshot-meta h3.shot-title {
  margin: 0 0 4px 0;
  font-size: 16px;
  overflow: hidden; }

body#project div.screenshot-meta h3.shot-title a {
  color: #444444; }

body#project div.screenshot-meta h3.shot-title a:hover {
  color: #4083a9; }

body#project div.screenshot-meta p {
  font-size: 13px;
  line-height: 1.5;
  color: #777777; }

body#project div.screenshot-meta p.time {
  font-size: 11px;
  line-height: 1.9;
  text-transform: uppercase;
  color: #999999; }

/* default follow state */
.follow-prompt a.unfollow, .follow-prompt a.unblock {
  display: none; }

/* Hide follow buttons for anonymous users and self */
.logged-out .follow-prompt, .self .follow-prompt {
  display: none; }

/* actions menu */
div.member-actions {
  float: left; }
  div.member-actions a.settings {
    float: none;
    display: block;
    padding-left: 9px;
    padding-right: 9px; }
    div.member-actions a.settings span {
      display: inline-block;
      padding-left: 25px;
      text-indent: -9999px;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-image: url("/static/images/icon-settings-dd.png"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
        div.member-actions a.settings span {
          background-image: url("/static/images/icon-settings-dd-2x.png");
          -webkit-background-size: 25px 16px;
          -moz-background-size: 25px 16px;
          background-size: 25px 16px; } }
  div.member-actions.active a.settings {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    background: #555555 url(/static/images/tab-overlay.png) repeat-x 0 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  li.player div.member-actions a.settings {
    width: 25px;
    height: 16px;
    margin-left: -5px;
    padding: 4px 6px; }
  li.player.self div.member-actions a.settings {
    margin-left: 0; }
  div.member-actions ul.actions-on-user {
    position: absolute;
    display: none;
    float: left;
    clear: left;
    width: 220px;
    padding: 5px 0;
    background: #555;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 999; }
    li.player div.member-actions ul.actions-on-user {
      margin-left: -5px; }
    li.player.self div.member-actions ul.actions-on-user {
      margin-left: 0; }
    div.member-actions ul.actions-on-user > li {
      /* Hidden actions (due to user state or by default) */ }
      div.member-actions ul.actions-on-user > li:not(:first-child) {
        margin: 8px 0 0 0;
        padding: 8px 0 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15); }
      .self div.member-actions ul.actions-on-user > li.negative,
      div.member-actions ul.actions-on-user > li li.edit-account,
      div.member-actions ul.actions-on-user > li li.leave-team,
      div.member-actions ul.actions-on-user > li li.remove-from-team {
        display: none; }
      .self .profile div.member-actions ul.actions-on-user > li li.edit-account, .current-user-on-team div.member-actions ul.actions-on-user > li li.leave-team, .user-on-current-team div.member-actions ul.actions-on-user > li li.remove-from-team {
        display: block; }
      div.member-actions ul.actions-on-user > li li a {
        display: block;
        padding: 5px 15px;
        font-size: 12px;
        font-weight: normal;
        color: #bbbbbb; }
        .listed-by-current-user div.member-actions ul.actions-on-user > li li a.show-list-ui {
          padding-right: 34px;
          background-repeat: no-repeat;
          background-position: 100% 6px;
          background-image: url("/static/images/icon-listed.png"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
            .listed-by-current-user div.member-actions ul.actions-on-user > li li a.show-list-ui {
              background-image: url("/static/images/icon-listed-2x.png");
              -webkit-background-size: 28px 10px;
              -moz-background-size: 28px 10px;
              background-size: 28px 10px; } }
        div.member-actions ul.actions-on-user > li li a.unblock {
          display: none; }
        div.member-actions ul.actions-on-user > li li a:hover {
          color: #fff;
          background-color: rgba(255, 255, 255, 0.1); }
        div.member-actions ul.actions-on-user > li li a span.badge {
          display: none; }

.followed-by-current-user .follow-prompt a.follow, .followed-by-current-user .follow-prompt a.unblock {
  display: none; }
.followed-by-current-user .follow-prompt a.unfollow {
  display: block; }

/* Hide follow and block when blocked */
.blocked-by-current-user .follow-prompt a.follow, .blocked-by-current-user .follow-prompt a.unfollow {
  display: none; }
.blocked-by-current-user .follow-prompt a.unblock {
  display: block; }
.blocked-by-current-user.player .follow-prompt a.unblock {
  display: none; }
.blocked-by-current-user div.member-actions ul.actions-on-user > li li a.unblock {
  display: block; }
.blocked-by-current-user div.member-actions ul.actions-on-user > li li a.block {
  display: none; }

.profile .invite-to-team,
.player-cards .invite-to-team {
  display: none; }

.invite-to-team-by-current-user .invite-to-team {
  display: block; }

/* site styles
--------------------------------------------- */
div.site p {
  margin: 0 0 15px 0;
  line-height: 1.5;
  color: #444444; }

div.site p:last-of-type {
  margin-bottom: 25px; }

div.site p.note {
  font-size: .9em;
  line-height: 1.5;
  color: #999999; }

div.site p.mod {
  margin-bottom: 25px; }

div.site p.callout {
  font-size: 16px;
  line-height: 1.5; }

div.site h3 {
  margin: 5px 0 0 10px;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: #333; }

div.site div.faq h3 {
  margin: 0 0 3px 0; }

div.site h3.empty-head {
  margin: 5px 0 10px 0;
  font-size: 1.5em;
  color: #333; }

div.site h3.alt {
  margin: 5px 0 0 0; }

div.site h3.alt2 {
  margin: 0 0 10px 0; }

div.site ol,
div.site ul {
  margin: 0 0 30px 0;
  padding: 0 0 10px 0; }

div.site ol li p {
  margin: 0 0 10px 10px;
  line-height: 1.4; }

div.site ol li {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.5;
  color: #666; }

div.site ol li img {
  display: block;
  margin: 0 auto; }

div.site ol li.third {
  margin-right: 0; }

div.site ol li ul {
  margin-top: 10px; }

div.site ol li ul li,
div.site ul li {
  margin: 0 0 0 15px;
  list-style: disc;
  border: none; }

div.site ul li {
  line-height: 1.5; }

div.site ol li strong {
  color: #333; }

div.site div.fans-comma {
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 1; }

div.fans-comma div {
  display: inline; }

div.fans-comma a {
  font-weight: bold; }

div.fans-comma a img {
  width: 14px;
  margin: 0 0 0 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

/* pledge list */
ol.pledge {
  margin-bottom: 30px; }

ol.pledge li {
  margin: 0 0 10px 1.5em;
  padding: 0 0 10px 0;
  font-size: 14px;
  line-height: 1.5;
  list-style: decimal;
  color: #666;
  border-bottom: 1px solid #dddddd; }

ol.pledge li:last-child {
  border-bottom: none; }

/* about styles */
span.meta-right {
  float: right;
  font-weight: normal;
  text-transform: none;
  color: #999999; }

div.full h1.about,
h1.about {
  margin: 0 0 15px 0;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -1px;
  font-weight: 500;
  text-align: left;
  color: #444444; }

div.full h1.about em {
  font-style: italic;
  color: #444444; }

div.secondary p.copy img.follow-dribbble {
  float: right;
  margin: 4px 0 0 10px; }

div.secondary ol.about li a {
  font-size: 1em;
  line-height: 1.5; }

div.secondary ol.about li a em {
  display: block;
  font-size: .8em;
  font-style: normal;
  font-weight: normal;
  color: rgba(64, 131, 169, 0.8); }

div.secondary ol.about li img {
  width: 56px;
  margin-right: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

#main div.col-about, #main div.under-hero,
#main div.under-hero-jobs {
  width: 300px;
  margin: 0 0 30px 0;
  padding: 20px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }

#main div.col-about-34 {
  width: 420px; }

#main div.col-about-14 {
  float: right;
  width: 220px; }

#main div.col-about-full, #main div.under-hero,
#main div.under-hero-jobs {
  width: auto;
  padding: 30px 30px 20px 30px; }

#main div.col-about h2.section, #main div.under-hero h2.section,
#main div.under-hero-jobs h2.section {
  padding: 0 0 4px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #777777;
  border-bottom: 1px solid #eee;
  background: none;
  overflow: visible;
  background: none; }
  body#team #main div.col-about h2.section, body#team #main div.under-hero h2.section,
  body#team #main div.under-hero-jobs h2.section {
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: none; }

#main div.col-about h2.section-alert, #main div.under-hero h2.section-alert,
#main div.under-hero-jobs h2.section-alert {
  margin: 0 0 15px 0;
  padding: 15px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #444444;
  border-bottom: none;
  background: none;
  overflow: visible;
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

#main div.col-about h2.section-alert span.badge, #main div.under-hero h2.section-alert span.badge,
#main div.under-hero-jobs h2.section-alert span.badge {
  position: relative;
  top: -1px;
  margin-right: 2px;
  font-size: 12px; }

#main div.col-about p.note, #main div.under-hero p.note,
#main div.under-hero-jobs p.note {
  margin: 20px 0 0 0;
  padding: 10px;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  color: #666;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

#main div.col-about p.note a, #main div.under-hero p.note a,
#main div.under-hero-jobs p.note a {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold; }

#main div.col-about p.note a span, #main div.under-hero p.note a span,
#main div.under-hero-jobs p.note a span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #777777; }

#main div.col-about form.gen-form fieldset input[type=text], #main div.under-hero form.gen-form fieldset input[type=text],
#main div.under-hero-jobs form.gen-form fieldset input[type=text],
#main div.col-about form.gen-form fieldset input[type=password],
#main div.under-hero form.gen-form fieldset input[type=password],
#main div.under-hero-jobs form.gen-form fieldset input[type=password],
#main div.col-about form.gen-form fieldset input[type=email],
#main div.under-hero form.gen-form fieldset input[type=email],
#main div.under-hero-jobs form.gen-form fieldset input[type=email] {
  color: #777777; }
  #main div.col-about form.gen-form fieldset input[type=text]:focus, #main div.under-hero form.gen-form fieldset input[type=text]:focus,
  #main div.under-hero-jobs form.gen-form fieldset input[type=text]:focus,
  #main div.col-about form.gen-form fieldset input[type=password]:focus,
  #main div.under-hero form.gen-form fieldset input[type=password]:focus,
  #main div.under-hero-jobs form.gen-form fieldset input[type=password]:focus,
  #main div.col-about form.gen-form fieldset input[type=email]:focus,
  #main div.under-hero form.gen-form fieldset input[type=email]:focus,
  #main div.under-hero-jobs form.gen-form fieldset input[type=email]:focus {
    background-color: #f0f0f0; }

#main div.col-sign {
  float: right; }

div.about-signup {
  margin: 20px 0 30px 0;
  font-size: .9em;
  text-align: center; }

div.about-signup a.auth-twitter,
div.about-signup a.auth-generic,
div.about-signup .auth-generic {
  float: none;
  display: inline;
  margin: 0;
  font-size: 1.2em;
  text-align: center; }

div.about-signup p.auth-message {
  margin: 0;
  padding: 15px 0 0 0;
  color: #777777; }

#main div.col-faq {
  width: 315px;
  margin-bottom: 15px;
  padding: 0;
  background: none; }

#main div.col-faq h2.section {
  background: none;
  border-bottom: none; }

p.short-message {
  font-size: 14px;
  text-align: center;
  color: #777777; }

div.site ul.slats li {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 20px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }

div.site ul.slats li div.meta {
  float: left;
  width: 120px; }

div.site ul.slats li img.avatar {
  width: 120px;
  margin: 4px 0 10px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

div.site ul.slats li span.links {
  display: block;
  text-align: center; }

div.site ul.slats li span.links a {
  display: inline-block;
  margin: 0 2px;
  opacity: .3;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }
  div.site ul.slats li span.links a img {
    width: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

div.site ul.slats li span.links a:hover {
  opacity: .45; }

div.site ul.slats li h3 {
  margin: 0 0 2px 140px;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1; }

div.site ul.slats li h3 a {
  color: #444444; }

div.site ul.slats li h4 {
  margin: 0 0 10px 140px;
  font-size: 12px;
  text-transform: uppercase;
  color: #ea4c89; }

div.site ul.slats li p {
  margin: 0 0 15px 140px; }

div.site ul.slats li p:last-child {
  margin-bottom: 0; }

ul.follow {
  margin: -6px 0 25px 0; }

ul.follow li a {
  display: block;
  padding: 6px 0;
  font-size: 14px;
  line-height: 24px;
  color: #777777; }

ul.follow li:last-child a {
  border-bottom: none; }

ul.follow li a:hover {
  color: #444444; }

ul.follow li a img {
  float: left;
  width: 24px;
  margin: 0 6px 0 0;
  opacity: .3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

ul.follow li a:hover img {
  opacity: .45; }

div.mod {
  margin: 0 0 25px 0;
  padding: 20px 20px 5px 20px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }

img.about-ball {
  float: right;
  margin: 0 40px 0 30px; }

/* under hero modules */
#main div.under-hero,
#main div.under-hero-jobs {
  margin-top: -76px; }

#main div.under-hero-jobs {
  padding: 20px; }

/* pro/team signup styles */
div.col-pro, div.col-teams {
  padding-top: 25px;
  border-top: 1px solid #e0e0e0; }

div.col-pro-waiting {
  padding-top: 0; }

div.col-pro span.price, div.col-teams span.price {
  display: block;
  margin: 0 0 15px 0;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1px;
  color: #444444; }

div.col-pro span.price span, div.col-teams span.price span {
  margin-left: 4px;
  font-weight: normal;
  letter-spacing: 0;
  color: #999999; }

div.col-pro h4, div.col-teams h4 {
  margin: 0 0 10px 0;
  font-size: 1.6em;
  line-height: 1;
  text-align: center;
  letter-spacing: -1px;
  color: #444444; }

div.col-pro h4#paypal-wait, div.col-teams h4#paypal-wait {
  padding-top: 100px;
  background: url(/static/images/icon-clock-lg.png) no-repeat 50% 0; }

div.col-pro h4 span.paypal-logo, div.col-teams h4 span.paypal-logo {
  font-family: Arial, sans-serif;
  font-style: italic;
  color: #206997; }

div.col-pro h4 span.paypal-logo em, div.col-teams h4 span.paypal-logo em {
  color: #003664; }

div.col-pro div.col-pro-buy, div.col-teams div.col-pro-buy,
div.col-teams div.col-teams-buy {
  margin: 0 0 15px 0;
  text-align: center; }

div.col-pro div.col-pro-buy form.create-order, div.col-teams div.col-pro-buy form.create-order {
  display: inline; }

form.create-order input.form-sub {
  background-color: #ff8833; }
  form.create-order input.form-sub:hover {
    background-color: #f67213; }
  form.create-order input.form-sub:active {
    background-color: #db5c02; }
  div.col-teams form.create-order input.form-sub {
    background-color: #00b6e3; }
    div.col-teams form.create-order input.form-sub:hover {
      background-color: #00a8d2; }
    div.col-teams form.create-order input.form-sub:active {
      background-color: #0093b7; }

div.col-pro p, div.col-teams p {
  text-align: center;
  color: #999999; }

div.col-pro p.note, div.col-teams p.note {
  margin: 0 0 20px 0;
  line-height: 1.5;
  text-align: center;
  color: #777777; }

div.col-pro input.form-sub, div.col-teams input.form-sub {
  float: none;
  width: 40%;
  margin: 0 10px;
  font-size: 16px;
  padding: 10px 20px; }

#main div.col-ispro ul li {
  margin: 0 0 15px 0;
  font-size: 12px;
  line-height: 1.4;
  list-style: disc;
  color: #666; }

/* scout signup styles */
#main div.col-select {
  width: 300px;
  margin: 0 0 20px 0;
  padding: 40px 20px 50px 20px;
  text-align: center;
  border: 1px solid #dddddd;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

#main div.col-select h3 {
  margin: 0 0 5px 0;
  font-size: 18px;
  line-height: 1; }

#main div.col-select h4 {
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: normal;
  color: #777777; }

#main div.col-select h5 {
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: normal;
  color: #444444; }

#main div.col-select a.form-sub, #main div.col-select a.form-sub-big, #main div.col-select a.form-sub-teams {
  padding: 10px 40px;
  font-size: 16px;
  background-color: #ea4c89; }

#main div.col-select a.form-sub:hover, #main div.col-select a.form-sub-big:hover, #main div.col-select a.form-sub-teams:hover {
  background-color: #df3e7b; }

#main div.col-select a.form-sub:active, #main div.col-select a.form-sub-big:active, #main div.col-select a.form-sub-teams:active {
  background-color: #c22b65; }

/* faq styles */
div.faq {
  margin: 0 0 20px 0;
  padding: 20px 20px 5px 20px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }

div.faq-last {
  margin-bottom: 35px; }

#main div.faq p {
  margin: 0;
  padding: 0 0 15px 0;
  line-height: 1.5;
  color: #777777; }

#main div.faq p.note {
  color: #999999; }

#main div.faq h3 {
  margin: 0 0 5px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #444444; }

div.site div.faq ul.text-list li,
#main div.faq ul.text-list li {
  margin: 0 0 5px 30px;
  line-height: 1.4;
  color: #777777; }

div.site div.faq ul.text-list li:last-child,
#main div.faq ul.text-list li:last-child {
  margin-bottom: 0; }

#main div.faq ul.text-list {
  margin: 0;
  padding: 10px 0 25px 0; }

#main div.faq ul.text-list li {
  font-size: 13px;
  line-height: 1.5;
  list-style: disc; }

#main div.faq ul.faq {
  margin: 0 0 15px 0;
  padding: 0; }

#main div.faq ul.faq li {
  margin: 0 0 5px 17px;
  list-style: disc;
  color: #777777; }

/* faq in sidebar */
dl.faq {
  margin: 0 0 25px 0;
  font-size: 11px;
  line-height: 1.4; }

dl.faq dt {
  margin: 0 0 2px 0;
  font-weight: bold;
  color: #666; }

dl.faq dd {
  margin: 0 0 10px 0;
  color: #999999; }

dl.faq dd:last-child {
  margin: 0;
  border: none; }

/* brand styles */
#main div.faq p.alt {
  padding: 0; }

#main div.faq p.alt strong.important {
  color: #ea4c89; }

div.site ul {
  margin: 10px 0 20px 0; }

div.site ul.brand-list li {
  float: left;
  width: 33%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center; }

div.site ul.brand-list li strong {
  display: block;
  margin: 4px 0 1px 0;
  font-size: .9em; }

div.site ul.brand-list li em {
  display: block;
  font-size: .9em;
  font-style: normal;
  color: #999999; }

div.site ul.brand-list li em a {
  font-weight: bold; }

/* advertising page */
div.adv-image {
  float: left;
  width: 200px; }

div.adv-image img {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

div.adv-meta {
  float: right;
  width: 240px; }

div.site div.adv-meta h3.special {
  margin: 4px 0 15px 0; }

div.site ul.adv-list {
  list-style: none;
  margin: 0 0 12px 0;
  padding: 0; }

div.site ul.adv-list li {
  list-style: none;
  margin: 8px 0 0 0;
  padding: 8px 10px 0 0;
  font-size: .9em;
  line-height: 1.4;
  color: #666;
  border-top: 1px solid #dddddd; }

div.site ul.adv-list li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none; }

div.site ul.adv-list li:last-child {
  border-top: none; }

div.site ul.adv-list li span.traffic-flag {
  display: block;
  color: #ea4c89; }

div.site ul.adv-list li.stat {
  text-align: left; }

div.site ul.adv-list li.stat strong {
  display: block;
  font-size: 2em;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8); }

div.site ul.adv-list li h4.adv-date-head {
  margin: 0 0 2px 0;
  font-size: .9em;
  text-transform: uppercase;
  color: #666; }

div.site p.adv-copy {
  font-size: .9em;
  line-height: 1.4;
  color: #666; }

div.site div.ad-price h3 {
  margin: 0;
  font-size: 18px;
  color: #666; }

div.site div.ad-price h3 strong {
  margin-right: 2px;
  font-weight: normal;
  font-size: 1.5em;
  letter-spacing: -1px;
  color: #333; }

div.site div.ad-price p {
  margin: 0;
  font-size: .9em;
  line-height: 1.4; }

div.site div.ad-price em {
  display: block;
  font-style: normal;
  font-weight: bold;
  color: #ea4c89; }

div.col-50 p.about {
  font-size: 1.5em;
  line-height: 1.3; }

div.site div.col-50-last p.note {
  margin-bottom: 0; }

div.col-50-mod {
  margin: 25px 0 30px 0;
  padding: 5px 20px 5px 20px;
  font-size: 1.4em;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.5); }

div.col-50-mod ol {
  margin: 0; }

div.col-50-mod ol li {
  margin: 0 0 5px 0;
  padding: 0 0 5px;
  border-bottom: 1px solid #eee; }

div.col-50-mod ol li:last-child {
  margin: 0;
  padding: 0;
  border: none; }

/* testimonials */
blockquote.test {
  margin: 0 0 20px 0;
  padding: 20px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }

blockquote.test p.quote {
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1.3;
  color: #666; }

blockquote.test p.author {
  margin: 10px 0 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: right;
  color: #999999; }

blockquote.test p.author strong {
  color: #666; }

blockquote.test p.author a {
  font-weight: bold; }

/* account styles */
ol.gridsies li {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  overflow: hidden; }

ol.gridsies-halfsies li {
  float: left;
  width: 310px;
  padding: 10px; }

ol.gridsies li img.fig {
  float: left;
  width: 38px;
  margin: 1px 10px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

ol.gridsies li h3,
#main div.faq ol.gridsies li h3 {
  margin: 0 0 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1; }

ol.gridsies li h3 span.badge {
  position: relative;
  top: -2px; }

ol.gridsies li p,
#main div.faq ol.gridsies li p {
  margin: 0 10px 0 48px;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #777777; }

body#invitations ol.gridsies li p {
  margin: 0 20px 20px 0; }

ol.gridsies li p span.callout {
  color: #333; }

ol.gridsies-halfsies li p {
  font-size: 13px;
  line-height: 1.4; }

#main ol.gridsies li.alt p {
  margin-left: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #444444; }

#main ol.gridsies li.alt p strong {
  text-transform: uppercase;
  color: #ea4c89; }

/* recaptcha styles */
#re-cap {
  text-align: center; }

#re-cap div {
  margin: 0 auto; }

#re-cap .recaptchatable {
  margin: 0 auto !important;
  background: #fff; }

#re-cap div.recaptcha-box {
  margin: 20px auto; }

/* sign up doors */
div.door {
  float: left;
  width: 47.916666666667%;
  margin: 0 0 30px 0;
  padding: 30px 40px;
  text-align: center;
  background: rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

div.door-last {
  float: right; }

div.door-full {
  float: none;
  width: auto; }

div.door h3 {
  font-size: 30px;
  font-weight: 500; }

div.door h4 {
  margin: 4px 0 15px 0;
  font-size: 16px;
  font-weight: normal;
  color: #777777; }

div.door a.form-sub, div.door a.form-sub-big, div.door a.form-sub-teams {
  display: block;
  width: 85%;
  margin: 20px auto 0 auto;
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.5; }

div.door-full a.form-sub, div.door-full a.form-sub-big, div.door-full a.form-sub-teams {
  width: 50%; }

div.friendly div.go-pro, div.team-invite div.go-pro {
  margin: 10px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

div.friendly div.go-pro a.form-sub, div.team-invite div.go-pro a.form-sub, div.friendly div.go-pro a.form-sub-big, div.team-invite div.go-pro a.form-sub-big, div.friendly div.go-pro a.form-sub-teams, div.team-invite div.go-pro a.form-sub-teams {
  margin-right: 5px;
  text-decoration: none;
  background-color: #ea4c89; }

div.friendly div.go-pro a.form-sub:hover, div.team-invite div.go-pro a.form-sub:hover, div.friendly div.go-pro a.form-sub-big:hover, div.team-invite div.go-pro a.form-sub-big:hover, div.friendly div.go-pro a.form-sub-teams:hover, div.team-invite div.go-pro a.form-sub-teams:hover {
  background-color: #df3e7b; }

div.door-full p.note {
  margin: 30px 0 0 0; }

/* sign up */
div.sign-prompt {
  margin: 20px 0 20px 0; }

div.sign-prompt span {
  margin: 0 0 0 10px;
  font-size: 13px;
  line-height: 1;
  color: #777777; }

/* availability toggle form */
form.availability {
  margin: 0 0 25px 0; }

form.availability ol li {
  float: left;
  width: 48%; }

form.availability ol li#availability-false {
  float: right; }

form.availability ol li button {
  display: block;
  width: 100%;
  margin: 0 0 4px 0;
  padding: 10px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  color: #999999;
  border: none;
  background: rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 0 #bbbbbb;
  -moz-box-shadow: 0 4px 0 #bbbbbb;
  box-shadow: 0 4px 0 #bbbbbb; }

form.availability ol li button:hover,
form.availability ol li button:focus {
  cursor: pointer; }

form.availability ol li button:active {
  margin: 4px 0 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

form.availability ol li button[disabled="disabled"]:hover,
form.availability ol li button[disabled="disabled"]:focus {
  cursor: auto; }

form.availability ol li button[disabled="disabled"]:active {
  margin: 0 0 4px 0; }

form.availability ol li:last-child {
  margin: 0; }

form.availability ol li#availability-true button[disabled="disabled"] {
  padding: 12px 10px;
  color: #fff;
  background: #8aba56;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25); }

form.availability ol li#availability-false button[disabled="disabled"] {
  padding: 12px 10px;
  color: #fff;
  background: #999999;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35); }

/* API docs styles
---------------------------------------------------------- */
div.site ul.list-nav {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none; }

div.site ul.list-nav li {
  margin: 0 0 10px 0;
  list-style: none; }

div.site ul.list-nav li a {
  display: block;
  padding: 15px;
  border: 1px solid #dddddd;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

div.site ul.list-nav li a:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

div.site ul.list-nav li a strong {
  display: block;
  margin: 0 0 4px 0;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1; }

div.site ul.list-nav li a span {
  font-size: .9em;
  opacity: .7; }

/* code examples */
div.code-block {
  margin: 0 0 30px 0;
  padding: 15px;
  border: 1px solid #dddddd;
  border-top: none;
  color: #ea4c89;
  background: #fff;
  overflow: auto;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

div.code-block pre {
  margin: 0;
  padding: 0; }

div.code-block pre code {
  font-family: Monaco, monospace;
  font-size: 12px;
  line-height: 1.5; }

div.api h2.api {
  font-size: 1.5em;
  font-weight: normal; }

div.secondary.api h3 {
  margin: 0 0 10px 0;
  padding: 0;
  border: none;
  background: none; }

div.api h3.api {
  margin: 0;
  padding: 10px 15px;
  font-size: 1em;
  line-height: 1;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #ccc;
  text-shadow: 0 1px 1px #fff;
  background: rgba(85, 96, 106, 0.2) url(/static/images/glass.png) repeat-x 0 50%;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

/* general text */
div.api p {
  margin: 0 0 10px 0; }

div.api p.last {
  margin: 0 0 25px 0; }

div.api p span.api-values {
  font-family: Monaco, monospace;
  font-size: .9em;
  color: #ea4c89; }

div.api ul {
  margin: 0 0 15px 0; }

div#main.api ul li {
  margin: 0 0 5px 40px;
  font-size: .9em;
  line-height: 1.4;
  color: #666; }

div.api dl dt {
  margin: 0 0 4px 0;
  font-family: Monaco, monospace;
  font-weight: normal; }

div.api dl dd {
  margin: 0 0 10px 0;
  color: #666; }

div.api dl dd:last-child {
  margin-bottom: 0; }

/* note callout box */
div.note-box {
  margin: 0 0 20px 0;
  padding: 15px;
  font-size: .9em;
  line-height: 1.4;
  color: #fff;
  color: rgba(255, 255, 255, 0.75);
  background: rgba(85, 96, 106, 0.7);
  overflow: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

div.note-box strong,
div.api div.note-box h3 {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: none;
  color: #fff; }

div.note-box p:last-child {
  margin-bottom: 0; }

div.note-box a {
  font-weight: bold;
  text-decoration: underline;
  color: #fff; }

/* simple side nav list */
div.side-nav {
  margin: 0 0 25px 0;
  padding: 15px;
  border: 2px solid #d9d9d9;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

div.secondary div.side-nav h3 {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #444444;
  border: none;
  background: none; }

div.side-nav ul {
  margin: 0 0 20px 0; }

div.side-nav ul:last-of-type {
  margin: 0; }

div.side-nav ul li {
  font-size: 12px; }

div.side-nav ul li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: 0; }

div.side-nav ul li a {
  display: block;
  padding: 4px 0;
  font-weight: normal;
  color: #777777; }

div.side-nav ul li a:hover {
  color: #444444; }

div.side-nav ul li a strong {
  font-weight: normal; }

div.side-nav ul li:last-child a {
  padding-bottom: 0; }

div.side-nav ul li a.selected,
div.side-nav ul li a.selected strong {
  font-weight: bold;
  color: #444444; }

/* data tables
---------------------------------------------------------- */
table.data, table.order-history {
  width: 100%;
  margin: 0 0 25px 0;
  padding: 0;
  border-collapse: collapse; }

table.data-side, table.order-history {
  margin-top: -10px; }

table.data th, table.order-history th,
table.data td,
table.order-history td {
  margin: 0;
  padding: 10px;
  vertical-align: top;
  border-bottom: 1px solid #dddddd; }

table.data td.user, table.order-history td.user {
  white-space: nowrap; }

table.data td.num, table.order-history td.num {
  text-align: right; }

table.data th.num, table.order-history th.num {
  text-align: right; }

table.data td.date, table.order-history td.date {
  font-size: .9em;
  color: #777777; }

table.data td.follow div.follow-prompt, table.order-history td.follow div.follow-prompt {
  float: right;
  font-size: .9em;
  line-height: 12px;
  margin: 0; }

table.data td.follow a.follow, table.order-history td.follow a.follow,
table.data td.follow a.unfollow,
table.order-history td.follow a.unfollow {
  float: right;
  padding: 6px;
  width: 12px;
  height: 12px;
  margin-right: 0; }

table.data td.follow a.follow span, table.order-history td.follow a.follow span,
table.data td.follow a.unfollow span,
table.order-history td.follow a.unfollow span {
  float: left;
  padding-left: 12px;
  text-indent: -999em; }

table.data td.draft a.draft, table.order-history td.draft a.draft,
table.data td.draft span.draft-pending,
table.order-history td.draft span.draft-pending {
  float: none;
  margin: 0 10px 0 0;
  font-size: .8em; }

table.data tr:last-child th, table.order-history tr:last-child th, table.data tr:last-child td, table.order-history tr:last-child td {
  border-bottom: none; }

table.data th, table.order-history th {
  padding: 0 10px 5px 10px;
  text-align: left; }

table.data h4.vcard, table.order-history h4.vcard {
  font-size: 1em;
  line-height: 1.2;
  margin-bottom: 0; }

table.data h4.vcard img, table.order-history h4.vcard img {
  width: 24px; }

table.data h4.vcard span.user-meta, table.order-history h4.vcard span.user-meta {
  display: block;
  margin: 0;
  padding: 0;
  font-size: .75em;
  font-weight: normal;
  line-height: 1.5;
  color: #999999; }

table.invitations td form {
  display: inline; }

span.user-meta a.url {
  color: #999999; }

span.user-meta a.url:hover {
  color: #666; }

span.user-meta a.url:hover {
  background-position: 100% -19px; }

table.data td blockquote, table.order-history td blockquote {
  margin-left: 0; }

table.data td a.action, table.order-history td a.action, table.data td a.follow, table.order-history td a.follow, table.data td a.unfollow, table.order-history td a.unfollow, table.data td div.follow-prompt a.unblock, div.follow-prompt table.data td a.unblock, table.order-history td div.follow-prompt a.unblock, div.follow-prompt table.order-history td a.unblock {
  font-size: .9em; }

table.data td em.meta, table.order-history td em.meta {
  display: block;
  font-size: .9em;
  line-height: 1.4;
  font-style: normal;
  color: #999999; }

table.users-table tr:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.5); }

table.users-table tr:last-child td {
  border: none; }

table.users-table h4.vcard img {
  width: 60px; }

table.users-table td.num {
  font-size: 1em;
  color: #777777; }

table.users-table td.num strong {
  font-size: 1.2em;
  font-weight: bold;
  color: #333; }

table.users-table td.num a {
  padding: 5px 10px;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

table.users-table td.num a:hover {
  color: #fff;
  text-shadow: none;
  background: #ea4c89 url(/static/images/glass-light.png) repeat-x 0 50%; }

table.users-table td.num em {
  font-size: .7em;
  font-weight: normal;
  font-style: normal;
  color: #777777; }

table.users-table th {
  padding: 8px 20px;
  font-size: .8em;
  line-height: 1.2;
  font-weight: normal;
  color: #999999;
  border-color: #fff;
  background: url(/static/images/table-header-fade.png) repeat-x 0 100%; }

table.users-table th.list-title {
  padding-left: 10px; }

table.users-table td {
  vertical-align: middle; }

table.pixel-table th,
table.pixel-table td {
  padding: 6px 0;
  font-size: .8em;
  color: #777777; }

table.pixel-table td {
  padding-left: 8px;
  color: #333; }

table.pixel-table tr.grouped th,
table.pixel-table tr.grouped td {
  padding-bottom: 0;
  border-bottom: none; }

table.users-table td.passed {
  padding-right: 34px;
  background: url(/static/images/icon-pass.png) no-repeat 100% 50%; }

table.users-table td.scored {
  padding-right: 34px;
  background: url(/static/images/icon-pass-rev.png) no-repeat 100% 50%; }

table.users-table td a.follow,
table.users-table td a.unfollow {
  margin: 0; }

/* user lists tables */
table.lists-table {
  margin-bottom: 30px; }

table.lists-table td {
  vertical-align: middle; }

table.lists-table td.avatar {
  width: 30px;
  padding-right: 0;
  padding-left: 0; }

table.lists-table td.avatar img {
  width: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

table.lists-table td.avatar a:hover img {
  opacity: .7; }

table.lists-table td.title {
  width: 220px; }

table.lists-table td.title img.private {
  margin: 0 0 0 2px; }

table.lists-table td span.attr {
  display: block;
  margin: 2px 0 0 0;
  font-size: 11px; }

table.lists-table td.meta {
  font-size: 12px;
  line-height: 1.5;
  color: #999999; }

table.lists-table td.members ol.players-list {
  float: right;
  margin: 0;
  padding: 0; }

table.lists-table td.members ol.players-list li {
  float: left;
  margin: 0;
  padding: 0;
  border: none; }

table.lists-table td.members li img {
  float: right;
  width: 24px;
  margin: 0 5px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

table.lists-table td.members li a:hover img {
  opacity: .7; }

/* data table in sidebar */
div.secondary table.data th, div.secondary table.order-history th,
div.secondary table.data td,
div.secondary table.order-history td {
  padding: 10px;
  font-size: 11px;
  vertical-align: middle; }

/* for compact horizonal headers */
table.horiz {
  width: auto; }

table.horiz th {
  padding: 10px; }

/* account/team page */
div.team-stats {
  margin: 0 0 15px 0;
  border-bottom: 1px solid #e5e5e5; }
  div.team-stats div.stat {
    float: left;
    width: 310px;
    margin: 0 0 20px 0;
    padding: 0 10px; }
    div.team-stats div.stat:last-child {
      border-right: none; }
    div.team-stats div.stat strong.stat-title {
      display: block;
      font-size: 24px;
      font-weight: bold;
      line-height: 1;
      color: #444444; }
      div.team-stats div.stat strong.stat-title a {
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #444444; }
        div.team-stats div.stat strong.stat-title a:hover {
          color: #4083a9; }
      div.team-stats div.stat strong.stat-title span {
        margin: 0 5px 0 5px;
        font-weight: 200;
        color: #bbbbbb; }
      div.team-stats div.stat strong.stat-title img {
        float: left;
        width: 48px;
        margin: -2px 10px 0 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
    div.team-stats div.stat span.meta {
      display: block;
      margin: 3px 0 15px 0;
      padding: 0 0 10px 0;
      font-size: 15px;
      border-bottom: 1px solid #e5e5e5;
      color: #999999; }
      div.team-stats div.stat span.meta span.sep {
        margin: 0 4px;
        color: #bbbbbb; }
    div.team-stats div.stat h3.tab {
      display: none; }
    div.team-stats div.stat ol.players-list {
      margin: 0; }
      div.team-stats div.stat ol.players-list div.follow-prompt {
        display: none; }
    div.team-stats div.stat ul.team {
      margin: 10px 0 0; }
      div.team-stats div.stat ul.team li a {
        margin-bottom: 10px;
        padding-bottom: 0;
        border-bottom: none; }
    div.team-stats div.stat div.null {
      margin: 30px 0 0 0;
      font-size: 14px;
      line-height: 1.4;
      text-align: center;
      color: #bbbbbb; }
      div.team-stats div.stat div.null img.null-icon {
        display: block;
        margin: 0 auto 10px auto; }
      div.team-stats div.stat div.null img.null-img {
        position: relative;
        top: 3px;
        margin: 0 1px; }
      div.team-stats div.stat div.null a.form-sub, div.team-stats div.stat div.null a.form-sub-big, div.team-stats div.stat div.null a.form-sub-teams {
        display: inline-block;
        margin: 10px auto 0 auto; }
    div.team-stats div.stat h3 {
      margin: 0;
      font-size: 14px;
      line-height: 1;
      font-weight: 500;
      color: #777777; }

/* pro stats styles
--------------------------------------------- */
div.pro-stats-primary {
  float: right;
  width: 220px;
  margin: -20px 0 0 0; }

div.stats-mod {
  margin: 0 0 10px 0;
  padding: 10px;
  text-align: left;
  border: 2px solid #d9d9d9;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

div.stats-mod-last {
  margin-bottom: 30px; }

div.stats-mod ul.profile-tabs {
  margin: 0; }

div.stats-mod ul.profile-tabs li {
  color: #444444;
  border-color: #d0d0d0; }

div.stats-mod ul.profile-tabs li span.meta {
  font-size: 11px; }

div.stats-mod h4 {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1; }

div.stats-mod-primary h4 {
  margin: 0 0 2px 0;
  font-size: 2.6em;
  line-height: 1;
  letter-spacing: -1px; }

div.stats-mod h4 span.meta {
  margin-left: 2px;
  font-size: 13px;
  font-weight: normal;
  color: #777777; }

div.stats-mod h4 span.meta em {
  font-size: 11px;
  font-style: normal;
  color: #999999; }

div.stats-mod h4 span.sparkline {
  display: block;
  min-height: 20px;
  margin: 5px 0; }

div.stats-mod h5 {
  font-size: 13px;
  font-weight: normal;
  color: #999999; }

div.stats-mod div.stats-sub {
  margin: 8px 0 0 0;
  padding: 12px 0 0 0;
  border-top: 1px solid #cfcfcf; }

div.stats-mod div.stats-sub h4 {
  font-size: .9em;
  line-height: 1; }

div.stats-mod div.stats-sub span.meta {
  font-size: 11px; }

div.stats-mod div.stats-sub h4 strong {
  padding: 2px 6px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

/* chart wrapper */
div.stats-chart-wrapper {
  margin: 0 0 25px 0;
  padding: 10px;
  border: 2px solid #d9d9d9;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

/* stats shots tables */
div.stats-mod-table {
  margin: 0 0 30px 0;
  padding: 10px 0 0 0;
  border: 2px solid #d9d9d9;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

table.stats-table {
  margin-bottom: 0; }

table.stats-table th {
  padding-bottom: 10px;
  font-size: .8em;
  line-height: 1;
  text-align: right;
  color: #444444;
  border: none; }

table.stats-table th:first-child {
  width: 233px; }

table th.stats-table-toggle {
  text-align: left;
  vertical-align: middle; }

table th.stats-table-toggle strong {
  margin: 0 5px 0 0;
  font-size: 10px;
  text-transform: uppercase;
  color: #999999; }

table th.stats-table-toggle a {
  margin: 0 2px 0 0;
  padding: 2px 6px;
  font-weight: bold;
  color: #999999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease; }

table th.stats-table-toggle a:hover {
  color: #555;
  background: rgba(255, 255, 255, 0.8); }

table th.stats-table-toggle a.selected {
  color: #333;
  background: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); }

table th.sort a {
  display: inline-block;
  margin-right: -4px;
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease; }

table th.sort a:hover {
  background: rgba(255, 255, 255, 0.8); }

table th.sort a.selected {
  margin-right: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); }

table.stats-table td {
  padding: 6px 10px;
  vertical-align: middle;
  border: none; }

table.stats-table tr:last-child td:first-child {
  border-bottom-left-radius: 10px; }

table.stats-table tr:last-child td:last-child {
  border-bottom-right-radius: 10px; }

table.stats-table tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.4); }

table.stats-table td.the-shot {
  width: 40px;
  padding-right: 0; }

table.stats-table td.number {
  font-size: 1em;
  line-height: 1;
  text-align: right;
  color: #444444; }

table.stats-table td.the-shot-details,
table.stats-table td.the-project-details,
table.stats-table td.the-attachment-details {
  padding-left: 0; }

table.stats-table td.the-shot-date {
  margin: 4px 0 0 0;
  font-size: .85em;
  color: #777777; }

table.stats-table td div.stats-shot {
  position: relative;
  float: left;
  width: 32px;
  height: 24px;
  margin: 0 15px 0 0;
  padding: 3px;
  border: 1px solid #dddddd;
  background: #fff; }

table.stats-table td div.stats-shot a {
  float: left;
  width: 32px;
  height: 24px;
  background: url(/static/images/checker-10x10.gif);
  overflow: hidden; }

table.stats-table td div.stats-shot a img {
  float: left;
  max-width: 32px;
  max-height: 24px;
  margin: 0;
  padding: 0; }

table.projects-table td div.stats-shot {
  padding: 4px;
  width: 32px;
  height: 31px;
  border: none;
  background: url(/static/images/project-stats-bg.png); }

table.projects-table td div.stats-shot a {
  width: 32px;
  height: 31px;
  background: none; }

table.stats-table td div.stats-shot a strong {
  display: none; }

table.stats-table td.the-users a {
  font-weight: bold;
  line-height: 1.4; }

table.stats-table td.the-users a img {
  float: left;
  width: 36px;
  margin: 2px 10px 2px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  table.stats-table td.the-users a img:hover {
    opacity: .8; }

table.stats-table td.the-users p.the-users-meta {
  margin: 4px 0 0 0;
  font-size: 11px;
  line-height: 1;
  color: #999999; }

table.stats-table td.the-users p.the-users-meta span.sep {
  color: #bbb; }

table.stats-table td div.null {
  padding: 20px 0;
  font-size: 20px;
  text-align: center; }

table.stats-table-users td div.null {
  padding: 10px 0 20px 0; }

table.stats-table td.the-attachment-details h4 strong {
  display: block;
  margin: 0 0 3px 0; }

table.stats-table td.the-attachment-details h4 span {
  font-size: 11px;
  font-weight: normal;
  color: #999999; }

/* secondary styles
--------------------------------------------- */
div.secondary h3 {
  margin: 0 0 15px 0;
  padding: 0 0 8px 0;
  font-size: 14px;
  line-height: 1;
  background: url(/static/images/border-2px.gif) repeat-x bottom left; }

div.secondary.extra h3,
div.secondary.extra h3.tab {
  margin: 0 0 10px 0;
  padding: 0;
  background: none; }

div.secondary h3.color {
  margin: 0;
  padding: 0 0 6px 0;
  border: none;
  background: none; }

div.secondary h3 span.meta {
  font-weight: normal;
  line-height: 12px;
  color: #777777; }

div.secondary h3.tab {
  padding-bottom: 0; }

div.secondary h3.tab:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

div.secondary h3 .help {
  float: right;
  margin: -1px 0 0 0; }

div.secondary h3 a.help img {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

div.secondary h3 a.help:hover img {
  opacity: .5; }

.tab a {
  float: left;
  padding: 0 13px 8px 0;
  font-weight: bold;
  color: #444444;
  background: url(/static/images/icon-grey-arrow.png) no-repeat 100% 4px; }

.tab a:hover {
  background-position: 100% -18px; }

div.secondary h3.tab a span.meta {
  color: #999999; }

.tab a:hover,
div.secondary h3.tab a:hover span.meta {
  text-decoration: none;
  color: #4083a9; }

div.secondary h3.more-from-player a {
  text-transform: none; }

div.secondary h3 a.hex-chip {
  display: inline-block;
  width: 23px;
  font-size: 9px;
  line-height: 1.3;
  vertical-align: bottom;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) inset, 1px 1px 0 white;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) inset, 1px 1px 0 white;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) inset, 1px 1px 0 white; }

div.secondary h3 strong {
  font-weight: bold;
  color: #777777; }

div.secondary h3 em {
  font-size: .9em;
  font-weight: normal;
  font-style: normal;
  color: #777777; }

div.secondary h3 img.h-img {
  float: left;
  margin: 0 4px 0 0; }

div.secondary h3.alt {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  background: none;
  color: #777777; }

div.secondary h4.title {
  font-size: 1.1em;
  padding: 10px 0 0 0;
  margin: 0 0 5px 0; }

div.secondary span.size {
  margin-left: 3px;
  font-size: .9em;
  font-weight: normal;
  color: #777777; }

div.secondary h3 a.all {
  float: right;
  padding-right: 12px;
  font-weight: bold;
  line-height: 1;
  text-transform: none;
  background: url(/static/images/icon-bluearrow.png) no-repeat 100% 2px; }

div.secondary h3 a.all:hover {
  background-position: 100% -20px; }

div.secondary h3 a.help {
  float: right;
  font-size: .9em;
  font-weight: normal;
  line-height: 1.4; }

div.secondary p.info,
div.secondary ul.info {
  margin: 0 0 10px 0;
  font-size: .9em;
  line-height: 1.4;
  color: #777777; }

div.secondary ul.info-alt,
div.secondary ul.info-bullet {
  margin-bottom: 25px; }

div.secondary ul.info-bullet li {
  margin-left: 16px;
  list-style: disc; }

div.secondary p.info-alt {
  clear: both;
  margin: 0 0 15px 0;
  padding-top: 10px;
  padding-bottom: 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #777777;
  border-bottom: 1px solid #dddddd; }

div.secondary p.copy {
  margin: 0 0 25px 0;
  font-size: .9em;
  line-height: 1.4;
  color: #777777; }
  div.secondary p.copy span.badge {
    position: relative;
    top: -1px;
    font-size: 9px; }

div.secondary p.copy-note {
  font-size: 11px;
  line-height: 1.4; }

div.secondary p.copy-confirm {
  margin-top: -15px; }

div.secondary p a.figure img {
  float: right;
  margin: 8px 0 5px 15px;
  opacity: .5; }

div.secondary p.meetups-link a {
  font-weight: bold;
  line-height: 27px; }
  div.secondary p.meetups-link a img {
    float: left;
    margin-right: 8px; }

div.secondary div.equipment-pitch img {
  float: left;
  margin: 0 15px 0 0; }

div.secondary div.equipment-pitch p.copy {
  padding-top: 10px; }

div.secondary dl {
  margin: 0 0 25px 0;
  font-size: 13px;
  line-height: 1.4;
  color: #777777; }

div.secondary dl dt {
  font-weight: bold;
  color: #444444; }

div.secondary dl dd {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #dddddd; }

div.secondary dl dd:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none; }

div.secondary dl.jobs dt {
  margin: 0 0 1px 0;
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-image: url("/static/images/pin-job.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.secondary dl.jobs dt {
      background-image: url("/static/images/pin-job-2x.png");
      -webkit-background-size: 13px 13px;
      -moz-background-size: 13px 13px;
      background-size: 13px 13px; } }

div.secondary dl.jobs dt span.badge {
  position: relative;
  top: -1px;
  font-size: 9px; }

div.secondary dl.fd dt {
  margin: 0 0 1px 0;
  padding-left: 18px;
  background-image: url("/static/images/icon-star-orange.png");
  background-repeat: no-repeat;
  background-position: 0 3px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.secondary dl.fd dt {
      background-image: url("/static/images/icon-star-orange-2x.png");
      -webkit-background-size: 12px 11px;
      -moz-background-size: 12px 11px;
      background-size: 12px 11px; } }

div.secondary ul.logos {
  margin: 0 0 20px 0;
  display: table; }

div.secondary h3 a.all:hover {
  background-position: 100% -20px; }

div.secondary ul.logos li {
  float: left;
  margin: 0 15px 5px 0;
  line-height: 40px; }

div.secondary ul.logos li a {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

div.secondary ul.logos li a:hover {
  opacity: .75; }

div.secondary ul.logos li a img {
  vertical-align: middle; }

div.secondary ul.logos li.alt {
  margin-top: -5px; }

div.secondary ul.logos li.alt2 {
  margin-right: 0; }

div.secondary ul.logos li:last-child {
  line-height: 1; }

div.secondary ul.logos li a {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

div.secondary ul.logos li a:hover {
  opacity: .75; }

div.secondary ul.logos li a img {
  vertical-align: middle; }

/* lists select */
form.lists-select {
  margin: -3px 0 25px 0; }

form.lists-select select {
  width: 100%;
  padding: 4px 5px 4px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  color: #777777;
  border: 1px solid #d0d0d0;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("/static/images/icon-select-arrow.png");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    form.lists-select select {
      background-image: url("/static/images/icon-select-arrow-2x.png");
      -webkit-background-size: 13px 5px;
      -moz-background-size: 13px 5px;
      background-size: 13px 5px; } }

/* ad block */
div.ad-top-wrap {
  margin: 18px 0 0 0; }

div.ad-showcase {
  width: 220px;
  margin: 0 auto; }

div.ad {
  margin: 0 0 20px 0;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.05);
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  border: 1px solid #dddddd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

div.ad a.flag {
  display: block;
  margin: 0 0 6px 0;
  padding: 0;
  font-size: .9em;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
  color: #666; }

div.ad a.flag:hover {
  color: #333; }

body#rates ol.current-ads li div.ad a.flag {
  display: none; }

body#rates ol.current-ads li div.ad {
  height: 160px; }

div.ad a img {
  display: block;
  margin: 2px auto 5px auto; }

div.ad p {
  margin: 0;
  line-height: 1.4; }

div.ad p a {
  font-style: normal;
  font-weight: bold;
  color: #4083a9; }

div.ad a:hover {
  text-decoration: none; }

/* when ad is in footer */
div.extra div.ad {
  padding: 0;
  font-size: 12px;
  text-align: left;
  border: none;
  background: none; }

div.extra div.ad p {
  line-height: 1.5; }

div.extra div.ad a.flag {
  display: none; }

div.extra div.ad a img.ad {
  float: left;
  margin: 0 15px 0 0; }

/* partners block */
div.partner-mod {
  margin: 0 0 25px 0; }

div.partner-mod img {
  display: block;
  margin: 10px 0; }

div.partner-mod p {
  margin: 0 0 10px 0;
  font-size: .8em;
  line-height: 1.4em;
  color: #777777; }

/* admin links */
ul.admin {
  padding: 20px 0 0 12px;
  margin: 10px 0 20px 0;
  border-top: 1px solid #dddddd; }
  #admin ul.admin {
    padding: 10px 10px 0 10px;
    margin: -10px 0 20px 0;
    border-top: none;
    background: rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden; }

ul.admin li {
  margin: 0 0 6px 0;
  font-weight: normal; }
  #admin ul.admin li {
    float: left;
    margin: 0 20px 0 0; }

ul.admin li.status {
  font-weight: bold;
  color: #ea4c89; }

ul.admin li a,
ul.admin li {
  padding: 3px 0;
  font-size: 11px;
  line-height: 1;
  color: #999999; }

ul.admin li.edit a,
ul.admin li.suspend a {
  padding-left: 17px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-admin-gear.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.edit a,
    ul.admin li.suspend a {
      background-image: url("/static/images/icon-admin-gear-2x.png");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ul.admin li.flag a {
  padding-left: 17px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-admin-flag.png?1"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.flag a {
      background-image: url("/static/images/icon-admin-flag-2x.png?1");
      -webkit-background-size: 12px 14px;
      -moz-background-size: 12px 14px;
      background-size: 12px 14px; } }

ul.admin li a.unflag {
  color: #ea4c89;
  background-image: url(/static/images/icon-admin-flagged.png); }

ul.admin li a:hover.unflag {
  color: #ea4c89; }

ul.admin li.delete a {
  padding-left: 17px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-admin-x.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.delete a {
      background-image: url("/static/images/icon-admin-x-2x.png");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ul.admin li.remove-from-team a {
  padding-left: 17px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-admin-remove.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.remove-from-team a {
      background-image: url("/static/images/icon-admin-remove-2x.png");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ul.admin li.featured-playoff a,
ul.admin li.upgrade a,
ul.admin li.player-card a {
  padding-left: 17px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-admin-card.png?1"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.featured-playoff a,
    ul.admin li.upgrade a,
    ul.admin li.player-card a {
      background-image: url("/static/images/icon-admin-card-2x.png?1");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ul.admin li.immunize a {
  padding-left: 17px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-admin-shield.png?1"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.immunize a {
      background-image: url("/static/images/icon-admin-shield-2x.png?1");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ul.admin li.immunize a.unimmunize {
  color: #ea4c89;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-admin-shielded.png?1"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.immunize a.unimmunize {
      background-image: url("/static/images/icon-admin-shielded-2x.png?1");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ul.admin li.coaches-pick a {
  padding-left: 17px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("/static/images/icon-admin-star.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.coaches-pick a {
      background-image: url("/static/images/icon-admin-star-2x.png");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ul.admin li.suspend-messaging {
  position: relative;
  top: -2px; }
  ul.admin li.suspend-messaging form {
    display: inline;
    vertical-align: middle; }
    ul.admin li.suspend-messaging form select {
      padding: 4px 5px 4px 8px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 11px;
      font-weight: normal;
      line-height: 1;
      color: #777777;
      border: 1px solid #d0d0d0;
      background-color: rgba(255, 255, 255, 0.6);
      background-repeat: no-repeat;
      background-position: 100% 50%;
      background-image: url("/static/images/icon-select-arrow.png");
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
      position: relative;
      top: -2px;
      padding: 2px 4px 2px 6px;
      font-size: 11px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
        ul.admin li.suspend-messaging form select {
          background-image: url("/static/images/icon-select-arrow-2x.png");
          -webkit-background-size: 13px 5px;
          -moz-background-size: 13px 5px;
          background-size: 13px 5px; } }

ul.admin li a:hover {
  color: #777777;
  text-decoration: none; }

ul.admin li a em {
  float: right;
  margin: 1px 12px 0 0;
  font-style: normal;
  color: #999999; }

ul.admin li a:hover em {
  color: #666; }

/* admin links in page header */
div.profile ul.admin {
  display: inline;
  margin: 0;
  padding: 0;
  border: none; }

div.profile ul.admin li {
  display: inline;
  margin: 0 0 0 12px; }

/* activity list */
ol.activity {
  margin: -8px 0 0 0; }

ol.activity li {
  padding: 15px 0;
  font-size: 1em;
  line-height: 1.4;
  border-bottom: 1px solid #ddd;
  overflow: hidden; }

ol.activity li div.act-shot {
  position: relative;
  float: left;
  width: 72px;
  height: 54px;
  margin: 2px 15px 0 0;
  padding: 5px;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  z-index: 2; }

ol.activity li div.act-shot a {
  float: left;
  width: 72px;
  height: 54px;
  background: url(/static/images/checker-10x10.gif);
  overflow: hidden; }

ol.activity li div.act-shot a img {
  float: left;
  max-width: 72px;
  max-height: 54px;
  margin: 0;
  padding: 0; }

ol.activity li div.act-shot a strong {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  /* revealed with jQuery */
  filter: alpha(opacity=0);
  /* IE hack */
  height: 100%;
  width: 100%;
  text-indent: -9999px;
  background: url(/static/images/thumb-zoom.png) no-repeat 0 0; }

ol.activity li:last-child {
  border-bottom: none; }

ol.activity li div.act-item {
  float: right;
  width: 590px; }

ol.activity li.drafted strong,
ol.activity li.allot strong {
  font-weight: bold;
  color: #333; }

ol.activity li.drafted {
  padding-left: 135px;
  background-repeat: no-repeat;
  background-position: 100px 16px;
  background-image: url("/static/images/icon-drafted-star.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.drafted {
      background-image: url("/static/images/icon-drafted-star-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

ol.activity li.comment div.act-item {
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 11px;
  background-image: url("/static/images/icon-actcom.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.comment div.act-item {
      background-image: url("/static/images/icon-actcom-2x.png");
      -webkit-background-size: 16px 14px;
      -moz-background-size: 16px 14px;
      background-size: 16px 14px; } }

ol.activity li.mention div.act-item {
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 9px;
  background-image: url("/static/images/icon-mentions.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.mention div.act-item {
      background-image: url("/static/images/icon-mentions-2x.png");
      -webkit-background-size: 16px 17px;
      -moz-background-size: 16px 17px;
      background-size: 16px 17px; } }

ol.activity li.like div.act-item {
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 11px;
  background-image: url("/static/images/icon-liked16.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.like div.act-item {
      background-image: url("/static/images/icon-liked16-2x.png");
      -webkit-background-size: 16px 14px;
      -moz-background-size: 16px 14px;
      background-size: 16px 14px; } }

ol.activity li.like-comment div.act-item {
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 11px;
  background-image: url("/static/images/icon-commentlike.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.like-comment div.act-item {
      background-image: url("/static/images/icon-commentlike-2x.png");
      -webkit-background-size: 16px 14px;
      -moz-background-size: 16px 14px;
      background-size: 16px 14px; } }

ol.activity li.bucket-created div.act-item,
ol.activity li.bucketed div.act-item {
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-image: url("/static/images/icon-bucket.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.bucket-created div.act-item,
    ol.activity li.bucketed div.act-item {
      background-image: url("/static/images/icon-bucket-2x.png");
      -webkit-background-size: 19px 17px;
      -moz-background-size: 19px 17px;
      background-size: 19px 17px; } }

ol.activity li.listed div.act-item {
  padding-left: 32px;
  background: url(/static/images/icon-listed16.png) no-repeat 0 11px; }

ol.activity li.dribbbled div.act-item {
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 9px;
  background-image: url("/static/images/icon-ball16.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.dribbbled div.act-item {
      background-image: url("/static/images/icon-ball16-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

ol.activity li.rebound div.act-item {
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 9px;
  background-image: url("/static/images/icon-rebound.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.rebound div.act-item {
      background-image: url("/static/images/icon-rebound-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

ol.activity li.allot {
  padding-left: 135px;
  background-repeat: no-repeat;
  background-position: 100px 16px;
  background-image: url("/static/images/icon-scored-plus.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.allot {
      background-image: url("/static/images/icon-scored-plus-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

ol.activity li.new-invites {
  padding-left: 135px;
  background-repeat: no-repeat;
  background-position: 100px 18px;
  background-image: url("/static/images/icon-scored-invites.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.new-invites {
      background-image: url("/static/images/icon-scored-invites-2x.png");
      -webkit-background-size: 16px 12px;
      -moz-background-size: 16px 12px;
      background-size: 16px 12px; } }

ol.activity li.followed div.act-item {
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 12px;
  background-image: url("/static/images/icon-actfollowed.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li.followed div.act-item {
      background-image: url("/static/images/icon-actfollowed-2x.png");
      -webkit-background-size: 15px 12px;
      -moz-background-size: 15px 12px;
      background-size: 15px 12px; } }

ol.activity li a[rel="contact"] {
  font-weight: bold; }

ol.activity li em.time {
  float: right;
  margin: 2px 0 0 20px;
  font-size: 12px;
  font-style: normal;
  color: #bbbbbb; }

ol.activity li span.act-story {
  position: relative;
  display: block;
  line-height: 1.4; }

ol.activity li span.act-story span.badge,
ol.activity li span.act-comment-story span.badge {
  display: none; }

ol.activity li a.url img {
  float: left;
  width: 32px;
  margin: 2px 10px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

ol.activity li.followed a.url img {
  margin-bottom: 0; }

ol.activity li a.url:hover img {
  opacity: .8; }

ol.activity li div.act-comment,
ol.activity li div.act-bio {
  margin: 0 0 5px 42px;
  padding-right: 40px;
  font-size: 1em;
  color: #777777; }

ol.activity li div.act-bio {
  font-size: .85em;
  line-height: 1.5;
  font-style: italic;
  color: #999999; }

ol.activity li div.act-comment p {
  margin: 0 0 15px 0; }

ol.activity li div.act-comment p:last-child {
  margin: 0; }

ol.activity li div.act-comment blockquote a {
  color: #777777; }

ol.activity li:hover div.act-comment blockquote a {
  color: #4083a9; }

ol.activity li div.act-comment-liked {
  float: right;
  width: 530px;
  margin: 10px 0 0 0;
  font-size: .85em;
  line-height: 1.5;
  color: #777777; }

ol.activity li div.act-comment-liked blockquote {
  margin: 0 0 0 42px; }

ol.activity li div.act-comment-liked span.act-comment-story {
  position: relative;
  display: block;
  color: #333; }

ol.activity li div.act-comment-liked a.act-comment-time {
  font-weight: normal; }

ol.activity li div.the-rebound {
  margin: 5px 0; }

ol.activity li div.the-rebound div.dribbble-img {
  width: 72px;
  height: 54px;
  margin: 0 10px 0 0;
  padding: 5px;
  border: 1px solid #ebebeb;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }

ol.activity li div.the-rebound div.dribbble-img a.dribbble-link {
  width: 72px;
  height: 54px; }

ol.activity li div.the-rebound div.dribbble-img a.dribbble-link img {
  max-width: 72px;
  max-height: 54px; }

ol.activity li div.the-rebound a.dribbble-over {
  top: 0;
  left: 0; }

ol.activity li ol.comments li.rebound-with-comment h2 em {
  line-height: 1.5; }

ol.activity li.rebound h3.rebound-flag {
  margin: 4px 0;
  padding-left: 0;
  font-size: .75em;
  line-height: 1.2;
  font-weight: bold;
  background: none; }

ol.activity li ol.comments li.rebound h3.rebound-title {
  margin: 0 0 4px 0;
  font-size: 1em; }

ol.activity li div.act-stats {
  margin: 0 0 0 42px;
  font-size: 12px;
  color: #999999; }

ol.activity li div.act-stats span.sep {
  margin: 0 4px;
  color: #ccc; }

/* avatar list */
ol.people {
  margin: 0 0 20px 0; }

ol.people li img {
  float: left;
  width: 30px;
  margin: 0 6px 6px 0;
  vertical-align: middle;
  padding: 4px;
  background: #fff;
  border: 1px solid #e5e5e5; }

ol.people li a:hover img {
  background: #e5e5e5; }

ol.people li a.all {
  float: left;
  margin: 9px 0 0 0;
  padding: 4px 8px;
  font-weight: bold;
  font-size: .8em;
  line-height: 1em;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

/* profile link */
h4.vcard {
  margin: 0 0 20px 0;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.6em; }

h4.vcard a img {
  float: left;
  width: 32px;
  margin: 0 6px 0 0;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

h4.vcard a:hover img {
  opacity: .8; }

h4.vcard em {
  display: block;
  margin: 0 0 0 0;
  font-size: .8em;
  line-height: 1.4em;
  font-weight: normal;
  font-style: normal;
  color: #999999; }

/* tags */
h2.section.taggy {
  text-transform: none; }

h2.section.taggy a {
  padding-right: 10px;
  background: url(/static/images/icon-arrows.gif) no-repeat 100% 5px; }

h2.section.taggy a:hover {
  background-position: 100% -17px; }

h2.section.taggy span {
  padding-left: 12px;
  color: #999999;
  background: url(/static/images/icon-tag.gif) no-repeat 0 1px; }

ol.tags {
  margin: 0 0 17px 0; }

ol.skills {
  margin-bottom: 10px; }

ol.tags li {
  margin: 0;
  position: relative;
  display: block;
  font-size: .85em;
  overflow: hidden;
  z-index: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

ol.skills li {
  margin-bottom: 7px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); }

div.secondary ol.tags li {
  margin-left: 0; }

ol.tags li:last-child {
  border-bottom: none; }

ol.tags li span.perc {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 12%;
  height: 100%;
  text-indent: -9999px;
  display: block;
  background: rgba(0, 0, 0, 0.07) url(/static/images/glass-light.png) repeat-x 0 50%;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease; }

ol.tags li a {
  display: block;
  position: relative;
  padding: 3px 12px;
  font-weight: normal;
  text-decoration: none;
  z-index: 2;
  color: #999999; }

ol.skills li a {
  padding: 5px 8px 5px 28px;
  background-color: rgba(0, 0, 0, 0.07);
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-image: url("/static/images/icon-drag.png");
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.skills li a {
      background-image: url("/static/images/icon-drag-2x.png");
      -webkit-background-size: 14px 14px;
      -moz-background-size: 14px 14px;
      background-size: 14px 14px; } }

ol.tags li a:hover {
  color: #666;
  text-decoration: none; }

ol.tags li:hover {
  background: rgba(0, 0, 0, 0.07);
  z-index: 1; }

ol.skills li:hover {
  background: none; }

ol.skills li a:hover {
  cursor: move;
  background-color: rgba(0, 0, 0, 0.1); }

ol.tags li:hover span.perc {
  background: none; }

ol.tags li a strong {
  font-weight: normal; }

ol.skills li a strong {
  font-weight: bold;
  color: #666; }

ol.tags li a.delete-tag {
  float: right;
  margin: 4px 6px 0 0;
  padding: 0;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  color: #999999;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-admin-x.png");
  opacity: .6;
  z-index: 3; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.tags li a.delete-tag {
      background-image: url("/static/images/icon-admin-x-2x.png");
      -webkit-background-size: 12px 12px;
      -moz-background-size: 12px 12px;
      background-size: 12px 12px; } }

ol.skills li a.delete-tag {
  margin-top: 7px; }

ol.tags li a.delete-tag:hover {
  cursor: pointer;
  opacity: 1; }

ol.tags li a.delete-tag img {
  height: 0; }

ol.tags li em {
  float: right;
  padding: .4em 12px 0 0;
  font-style: normal;
  color: #bbb;
  z-index: 3; }

ol.tags li em span.global a {
  margin-left: 5px;
  color: #999999; }

ol.tags li em span.global a:hover {
  color: #777777; }

ol.main {
  margin: 0 0 15px 0;
  padding: 0 0 15px 50px;
  border-bottom: 1px solid #dddddd; }

ol.main:last-of-type {
  padding-bottom: 0;
  border-bottom: none; }

ol.main li {
  margin: 0 0 4px 0; }

ol.main li a {
  padding: 3px 6px;
  color: #666; }

ol.main li:hover span.perc {
  background: rgba(0, 0, 0, 0.07); }

div.full span.tag-results {
  float: right;
  margin: 10px 10px 0 0;
  padding-left: 13px;
  font-size: 1.1em;
  line-height: 1;
  color: #777777;
  background: url(/static/images/icon-tag.gif) no-repeat 0 1px; }

/* popular tags */
ol.popular-tags {
  margin: 0 0 20px 0; }

ol.popular-tags-player {
  margin-bottom: 20px; }

ol.popular-tags li {
  float: left;
  margin: 0;
  font-size: 11px;
  line-height: 1; }

ol.popular-tags li span.perc {
  display: none; }

ol.popular-tags li a {
  float: left;
  margin: 0 6px 6px 0;
  padding: 3px 6px 4px 6px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  color: #777777;
  border: 1px solid #ccc;
  background: rgba(0, 0, 0, 0.07) url(/static/images/glass.png) repeat-x 0 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

ol.popular-tags li a strong {
  font-weight: normal; }

ol.popular-tags li:hover {
  background: none; }

ol.popular-tags li em {
  display: none; }

ol.popular-tags li a:hover {
  text-decoration: none;
  color: #555;
  border-color: #bbb;
  background-color: rgba(0, 0, 0, 0.1); }

/* alpha markers */
h3.alpha {
  float: left;
  width: 30px;
  text-align: center;
  font-size: 1.8em;
  line-height: 1;
  color: #333;
  text-shadow: 0 1px 0 #fff; }

/* add tags form */
#add-tag-form {
  margin: -10px 0 10px 12px; }

#add-skills-form {
  margin: 0 0 25px 0; }

#add-tag-form input#screenshot_tag_list,
#add-skills-form input#skill {
  width: 130px;
  margin: 0 2px 3px 0;
  padding: 5px 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .9em;
  line-height: 1.4em;
  color: #333;
  border: none;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }

#add-skills-form input#skill {
  width: 120px;
  padding-left: 28px;
  color: #666;
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-image: url("/static/images/icon-skills.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #add-skills-form input#skill {
      background-image: url("/static/images/icon-skills-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

#add-tag-form input#screenshot_tag_list:focus,
#add-skills-form input#skill:focus {
  border-top-color: #eee;
  background-color: #fff;
  outline-width: 0; }

#add-tag-link {
  display: block;
  margin: -15px 0 20px 12px;
  font-size: 12px;
  font-weight: bold;
  color: #999999; }

#add-tag-link:hover {
  color: #777777; }

a#cancel-tag-link {
  font-weight: bold; }

p#tag-help {
  clear: both;
  padding-top: 5px;
  font-size: 11px;
  line-height: 1.4;
  color: #999999; }

#add-tags p.warning {
  padding: 8px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #777777;
  border: 1px solid #ccc;
  background: rgba(0, 0, 0, 0.07) url(/static/images/alert-lines.png) repeat-x top left;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

/* tag search form */
#tag-search {
  margin-bottom: 25px; }

#tag-search input[type=text] {
  float: left;
  width: 156px;
  margin: 0 4px 3px 0;
  padding: 5px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .9em;
  line-height: 1.4em;
  color: #333;
  outline: none;
  border-top: 1px solid #c3c3c3;
  border-left: none;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #e3e3e3 url(/static/images/formbg.gif) repeat-x top left;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

#tag-search input {
  vertical-align: middle; }

#tag-search-btn {
  float: left; }

/* share this URL */
#share-form input {
  width: 170px;
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  color: #333;
  border: none;
  background: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#share-form input:focus {
  color: #333;
  outline-width: 0; }

/* advanced sharing expand-o-box */
#share-links {
  display: none;
  position: relative;
  padding: 10px 12px 12px 12px;
  background: rgba(0, 0, 0, 0.05); }
  #share-links:after {
    bottom: 100%;
    left: 19px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: rgba(0, 0, 0, 0.05);
    border-width: 8px;
    margin-left: -8px; }

.meta-share-wrap {
  float: left;
  width: 55px;
  height: 20px;
  padding: 2px 15px 0 0;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 18px 0px;
  background-image: url("/static/images/share-count-bubble.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .meta-share-wrap {
      background-image: url("/static/images/share-count-bubble-2x.png");
      -webkit-background-size: 36px 20px;
      -moz-background-size: 36px 20px;
      background-size: 36px 20px; } }

.meta-share-wrap:last-child {
  padding-right: 0px; }

.share-icons {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px; }

.share-icon-twitter {
  background-repeat: no-repeat;
  background-image: url("/static/images/icon-share-twitter.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .share-icon-twitter {
      background-image: url("/static/images/icon-share-twitter-2x.png");
      -webkit-background-size: 16px 32px;
      -moz-background-size: 16px 32px;
      background-size: 16px 32px; } }

.share-icon-fb {
  background-repeat: no-repeat;
  background-image: url("/static/images/icon-share-fb.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .share-icon-fb {
      background-image: url("/static/images/icon-share-fb-2x.png");
      -webkit-background-size: 16px 32px;
      -moz-background-size: 16px 32px;
      background-size: 16px 32px; } }

.share-icon-pin {
  background-repeat: no-repeat;
  background-image: url("/static/images/icon-share-pin.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .share-icon-pin {
      background-image: url("/static/images/icon-share-pin-2x.png");
      -webkit-background-size: 16px 32px;
      -moz-background-size: 16px 32px;
      background-size: 16px 32px; } }

#share-button-twitter:hover .share-icon-twitter,
#share-button-fb:hover .share-icon-fb,
#share-button-pin:hover .share-icon-pin {
  background-position: 0px 100%; }

.shot-social-count {
  font-size: 11px;
  display: inline-block;
  text-align: center;
  width: 30px;
  line-height: 16px !important;
  color: #999; }

.meta-share-wrap:hover .shot-social-count, .meta-share-wrap:hover #shot-pin-count * {
  color: #555; }

/* preview */
ol.preview {
  margin: 0 0 20px 0; }

ol.preview li a {
  float: left;
  margin: 0 10px 10px 0;
  padding: 5px;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #d0d0d0; }

ol.preview li a:hover {
  background: #fff; }

/* twitter updates */
#twitter_update_list {
  margin: -8px 0 25px 0; }

#twitter_update_list li {
  padding: 8px 0;
  font-size: .9em;
  line-height: 1.5;
  color: #666;
  border-bottom: 1px solid #dddddd;
  overflow: hidden; }

#twitter_update_list li:last-child {
  padding-bottom: 0;
  border-bottom: none; }

#twitter_update_list li a {
  display: block;
  font-size: .95em;
  color: #aaa; }

#twitter_update_list li a:hover {
  color: #999999; }

#twitter_update_list li span a {
  display: inline;
  font-size: 1em;
  color: #4083a9; }

#twitter_update_list li span a:hover {
  color: #205f82; }

/* color chips list */
div.subset-colors {
  margin: 0 0 20px 0; }

ul.color-chips {
  margin: 0 0 5px 0; }

ul.color-chips li {
  float: left;
  margin: 0 0 5px 0; }

ul.color-chips li:last-child {
  margin-right: 0; }

ul.color-chips li a {
  float: left;
  width: 22px;
  height: 12px;
  text-indent: -9999px;
  background-image: url(/static/images/glass-light.png);
  background-repeat: repeat-x;
  background-position: 0 50%; }

div.subset-colors ul.color-chips li a {
  width: 20px; }

ul.color-chips li:first-child a {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

ul.color-chips li:last-child a {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

ul.color-chips li a:hover,
ul.color-chips li.current a {
  background-image: none;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }

h3 ul.color-chips {
  display: inline;
  float: none; }

h3 ul.color-chips li {
  display: inline;
  float: none; }

h3 ul.color-chips li a {
  display: inline-block;
  float: none; }

/* color browsing */
div.colors-explore {
  margin: -12px 0 20px 0; }

div.colors-explore ul.color-chips,
div.colors-explore ul.color-chips li {
  margin: 0; }

div.colors-explore ul.color-chips li a {
  height: 18px;
  width: 25px;
  z-index: 1; }

div.colors-explore ul.color-chips li a:hover {
  position: relative;
  margin: -4px;
  width: 33px;
  height: 26px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

div.colors-explore ul.color-chips li.current a,
div.colors-explore ul.color-chips li.current a:hover {
  position: relative;
  height: 18px;
  width: 25px;
  margin: -4px;
  border: 4px solid #fff;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 2; }

div.secondary ul.color-chips {
  margin-bottom: 15px; }

div.secondary .colors .ui-slider {
  position: relative;
  height: 4px;
  margin: 12px 0 0 0;
  border-top: 1px solid #c3c3c3;
  border-left: none;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #e3e3e3 url(/static/images/formbg.gif) repeat-x top left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

div.secondary .colors .ui-slider .ui-slider-range {
  display: block;
  position: absolute;
  height: 10px; }

div.secondary .colors .ui-slider-handle {
  background: #ddd;
  border: 1px solid #bbb;
  height: 14px;
  position: absolute;
  top: -7px;
  width: 10px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

div.secondary .colors form.gen-form {
  margin: 0 0 40px 0; }

div.secondary .colors form.gen-form fieldset {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #dddddd; }

div.secondary .colors form.gen-form fieldset.hex {
  text-align: left; }

div.secondary .colors form.gen-form fieldset label {
  margin: 0 0 5px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #777777; }

div.secondary .colors form.gen-form fieldset label strong.perc {
  margin-left: 2px;
  color: #444444; }

div.secondary .colors form.gen-form input[type=text],
div.secondary .colors form.gen-form input[type=password],
div.secondary .colors form.gen-form input[type=email] {
  width: 146px;
  height: 17px;
  padding: 3px 6px;
  font-size: 13px; }

div.secondary .colors form.gen-form fieldset.combo input {
  float: right; }

div.secondary .colors form.gen-form fieldset div.picker {
  padding: 12px;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

/* announcement button */
div.announce-job {
  position: relative; }

div.secondary div.announce-btn {
  margin: 0 0 20px 0; }

div.ad-top {
  float: right;
  width: 220px;
  margin-top: -5px; }

div.announce-top {
  float: right;
  width: 220px;
  margin-top: 5px; }

div.announce-btn a {
  display: block;
  padding: 8px 6px;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  color: #999999;
  border: 1px solid #dddddd;
  background: rgba(0, 0, 0, 0.05);
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

div.announce-featured a {
  text-align: left; }

div.announce-featured a img {
  float: left;
  margin: 0 4px 0 0; }

div.announce-btn a strong.title {
  display: block;
  margin: 0 0 2px 0;
  color: #ea4c89; }

div.announce-featured a strong.title {
  color: #333; }

div.announce-job a strong.title {
  color: #444444; }

div.announce-job a span.position {
  font-style: normal; }

div.announce-btn a:hover {
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
  border-color: #ea4c89;
  background: #ea4c89 url(/static/images/glass-light.png) repeat-x 0 50%; }

div.announce-featured a:hover,
div.announce-job a:hover {
  color: #999999;
  border-color: #ccc;
  background: rgba(0, 0, 0, 0.07); }

div.announce-btn a:hover strong.title {
  color: #fff; }

div.announce-featured a:hover strong.title {
  color: #333; }

div.announce-job a:hover strong.title {
  color: #444444; }

div.announce-job img {
  position: absolute;
  float: none;
  margin: 0;
  top: -5px;
  left: 104px; }

/* jobs ads list */
div.all-of-the-jobs {
  margin: -76px 0 20px 0;
  padding: 26px 20px 10px 20px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }
  div.all-of-the-jobs.preview {
    margin-top: 0; }

h4.jobs-date, h4.jobs-at {
  margin: 0 0 0 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  color: #bbbbbb; }

h4.jobs-at {
  margin-bottom: 10px;
  font-size: 22px;
  text-transform: none;
  color: #444444; }
  h4.jobs-at span.sep {
    font-weight: normal;
    color: #bbbbbb; }
  h4.jobs-at img {
    float: left;
    width: 32px;
    margin: -5px 8px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

a.see-all-jobs {
  float: right;
  font-size: 13px;
  font-weight: bold; }

ol.jobs {
  margin: 0 0 8px;
  padding: 0; }

ol.jobs-preview {
  margin: 0 0 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }

ol.jobs li div.announce-job {
  float: none;
  width: auto;
  margin: 0; }

ol.jobs li div.announce-job a {
  display: block;
  padding: 15px 8px;
  font-size: 17px;
  line-height: 1;
  text-align: left;
  border: none;
  border-bottom: 1px solid #eee;
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

ol.jobs li:last-child div.announce-job a {
  border: none; }

ol.jobs li div.announce-job a:hover {
  background: rgba(0, 0, 0, 0.05); }

ol.jobs li div.announce-job a span {
  margin: 0 2px; }

ol.jobs li div.announce-job a span.job-info {
  float: left;
  margin-left: 0; }

ol.jobs li div.announce-job a strong.title {
  display: inline;
  font-size: 15px;
  font-weight: normal;
  color: #999999; }

ol.jobs li div.announce-job a span.employer {
  margin-left: 0;
  font-weight: bold;
  font-size: 17px;
  color: #444444; }

ol.jobs li div.announce-job a span.position {
  color: #444444; }

ol.jobs li div.announce-job a span.location {
  float: right;
  margin: 1px 0 0 3px;
  font-size: 14px;
  color: #777777; }

ol.jobs li div.announce-job img {
  display: none; }

p.jobs-http {
  margin: 0 0 30px 0;
  padding: 0 15px;
  font-size: 14px;
  text-align: center;
  line-height: 1.6;
  color: #777777; }

form.order p.note {
  margin: 10px 0 20px 0;
  padding: 10px;
  font-size: 13px;
  line-height: 1.5em;
  text-align: center;
  color: #777777;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

body#job .form-sub, body#job a.form-sub-big, body#job a.form-sub-teams,
body#job button[type="submit"] {
  background-color: #8aba56;
  cursor: pointer; }
  body#job .form-sub:hover, body#job a.form-sub-big:hover, body#job a.form-sub-teams:hover,
  body#job button[type="submit"]:hover {
    background-color: #7dab4c; }
  body#job .form-sub:active, body#job a.form-sub-big:active, body#job a.form-sub-teams:active,
  body#job button[type="submit"]:active {
    background-color: #6a953c; }

/* highlighted job in list */
ol.jobs li.featured div.announce-job a {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid rgba(153, 216, 252, 0.4);
  background: rgba(153, 216, 252, 0.22);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

ol.jobs li.featured div.announce-job a:hover {
  border-color: rgba(64, 131, 169, 0.25);
  background: rgba(153, 216, 252, 0.32); }

ol.jobs li.featured div.announce-job a,
ol.jobs li.featured div.announce-job a strong.title {
  color: rgba(64, 131, 169, 0.6); }

ol.jobs li.featured div.announce-job a span.employer,
ol.jobs li.featured div.announce-job a span.position,
ol.jobs li.featured div.announce-job a span.location {
  color: #4083a9; }

ol.jobs li.featured div.announce-job a span.job-extra {
  display: block;
  clear: both;
  margin: 0;
  padding: 8px 0 0 0;
  font-size: 13px; }

/* jobs list in footer or team sidebar */
ul.team {
  margin-bottom: 25px; }

ul.job-ads li div.announce-job {
  float: none;
  width: auto;
  margin: 0; }

ul.job-ads li div.announce-job a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 18px;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  color: #999999;
  border: none;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  z-index: 2; }

ul.job-ads li div.announce-job img {
  top: 3px;
  left: 0; }

ul.job-ads li:last-child div.announce-job a {
  margin: 0;
  border: none; }

ul.job-ads li div.announce-job a strong.title {
  display: inline;
  font-weight: normal;
  color: #999999; }

ul.job-ads li div.announce-job a span.employer {
  font-weight: bold;
  color: #444444; }

ul.job-ads li div.announce-job a span.position {
  color: #777777; }

ul.team li div.announce-job a strong.position {
  color: #444444; }

ul.job-ads li div.announce-job a span.location {
  display: none; }

ul.team li div.announce-job a span.location {
  display: inline;
  margin-left: 2px; }

ul.job-ads li div.announce-job a:hover,
ul.job-ads li div.announce-job a:hover strong.title,
ul.job-ads li div.announce-job a:hover span.employer,
ul.job-ads li div.announce-job a:hover span.position,
ul.job-ads li div.announce-job a:hover strong.position,
ul.job-ads li div.announce-job a:hover span.location {
  color: #4083a9; }

/* form steps */
ol.steps {
  margin: 0 0 20px 0;
  padding: 15px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  background: #eee;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

ol.steps li {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  font-size: 15px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.2); }

ol.steps li:last-child {
  margin: 0;
  padding: 0;
  border: none; }

ol.steps li strong {
  width: 8px;
  margin-right: 2px;
  padding: 2px 8px;
  color: #eee;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }

ol.steps li.active {
  color: rgba(0, 0, 0, 0.7); }

ol.steps li.active strong {
  color: #fff;
  background: rgba(0, 0, 0, 0.7); }

ol.steps li.active span.meta {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7); }

/* bucket lists */
h4.bucket-title {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3; }

ol.buckets,
ol.projects,
ol.lists {
  margin: 0 0 25px 0; }

ol.buckets li,
ol.projects li,
ol.lists li {
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  font-size: 13px;
  line-height: 1.2;
  border-bottom: 1px solid #dddddd; }

ol.buckets li:last-child,
ol.projects li:last-child,
ol.lists li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none; }

ol.buckets li a,
ol.projects li a,
ol.lists li a {
  display: block;
  overflow: hidden; }

ol.buckets li a span.bucket-img,
ol.projects li a span.bucket-img {
  background: url(/static/images/bucket-frame.png) no-repeat 0 0;
  float: left;
  display: block;
  width: 60px;
  height: 58px;
  margin: 0 8px 0 0;
  padding: 5px; }

ol.buckets li a span.bucket-img img,
ol.projects li a span.bucket-img img {
  background: url(/static/images/bucket-frame.png) no-repeat 0 0;
  float: left;
  max-width: 60px;
  max-height: 45px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

ol.buckets li a span.bucket-meta,
ol.projects li a span.bucket-meta,
ol.lists li a span.list-meta {
  display: block;
  margin: 4px 0 0 0;
  font-size: 11px;
  line-height: 1;
  color: #999999; }

ol.buckets li.current a span.bucket-img img,
ol.projects li a:hover span.bucket-img img {
  opacity: .6; }

/* selected project */
ol.buckets li.selected {
  display: none; }

/* bucket lightbox */
.overlay {
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3000; }

.lightbox {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -210px;
  width: 420px;
  z-index: 3001;
  padding: 20px;
  background: #f0f0f0 url(/static/images/noise-f1.gif) repeat -70% 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.overlay a.close {
  position: absolute;
  top: 5px;
  right: 5px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

.overlay a.close:hover {
  opacity: .7; }

.overlay h2.section {
  margin: 0 0 10px 0;
  font-size: 12px;
  line-height: 1; }

.copy ul li {
  margin: 0 0 12px 20px;
  font-size: 13px;
  line-height: 1.5;
  list-style: disc;
  color: #777777; }

.copy ul li.buttons {
  margin: 25px 0 0 0;
  list-style: none;
  text-align: center; }
  .copy ul li.buttons a {
    padding: 8px 20px;
    font-size: 15px;
    line-height: 1; }

.overlay input.search-text {
  width: 390px;
  position: absolute; }

#bucket-add ol.buckets,
#project-add ol.projects {
  margin-top: 45px; }

#list-add {
  margin-top: 20px; }

#bucket-add ol.buckets,
#project-add ol.projects,
#list-add ol.lists {
  height: 275px;
  padding-right: 10px;
  overflow: auto; }

#bucket-add ol.buckets li,
#project-add ol.projects li,
#list-add ol.lists li {
  border-bottom: none;
  margin: 0 0 5px 0;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

#bucket-add ol.buckets li:last-child,
#project-add ol.projects li:last-child,
#list-add ol.lists li:last-child {
  margin: 0; }

#bucket-add ol.buckets li a,
#project-add ol.projects li a,
#list-add ol.lists li a {
  display: block;
  padding: 6px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

#list-add ol.lists li a {
  padding-left: 10px; }

#bucket-add ol.buckets li a strong,
#project-add ol.projects li a strong,
#list-add ol.lists li a strong {
  display: block;
  margin-right: 50px;
  color: #444444; }

#list-add ol.lists li a strong img.private {
  position: relative;
  top: 1px;
  margin: 0 0 0 2px; }

.overlay .add ol li.current a {
  background: rgba(0, 0, 0, 0.07); }

#bucket-add ol.buckets li.bucketed a,
#project-add ol.projects li.bucketed a,
#list-add ol.lists li.included a {
  background: #ea4c89 url(/static/images/icon-check-big.png) no-repeat 100% 25px; }

#list-add ol.lists li.included a {
  background-position: 100% 9px; }

#list-add ol.lists li.processing {
  padding-left: 0;
  background-position: 95% 50%; }

#bucket-add ol.buckets li.bucketed a strong,
#project-add ol.projects li.bucketed a strong,
#list-add ol.lists li.included a strong {
  color: #fff; }

#bucket-add ol.buckets li.bucketed a span.bucket-meta,
#project-add ol.projects li.bucketed a span.bucket-meta,
#list-add ol.lists li.included a span.list-meta {
  color: rgba(255, 255, 255, 0.7); }

#bucket-add ol.buckets li.bucketed.current a,
#list-add ol.lists li.included a:hover {
  background-image: url(/static/images/icon-minus-big.png); }

#bucket-add ol.buckets li.selected a,
#bucket-add ol.buckets li.selected a:hover,
#project-add ol.projects li.selected a,
#project-add ol.projects li.selected a:hover,
#list-add ol.lists li.selected a,
#list-add ol.lists li.selected a:hover {
  color: #333;
  background-color: #fff;
  background-image: url("/static/images/processing.gif");
  background-repeat: no-repeat;
  background-position: 349px 25px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #bucket-add ol.buckets li.selected a,
    #bucket-add ol.buckets li.selected a:hover,
    #project-add ol.projects li.selected a,
    #project-add ol.projects li.selected a:hover,
    #list-add ol.lists li.selected a,
    #list-add ol.lists li.selected a:hover {
      background-image: url("/static/images/processing-2x.gif");
      -webkit-background-size: 32px 32px;
      -moz-background-size: 32px 32px;
      background-size: 32px 32px; } }

#bucket-add ol.buckets li.selected a span.bucket-meta,
#bucket-add ol.buckets li.selected a:hover span.bucket-meta,
#project-add ol.projects li.selected a span.bucket-meta,
#project-add ol.projects li.selected a:hover span.bucket-meta,
#list-add ol.lists li.selected a span.list-meta,
#list-add ol.lists li.selected a:hover span.list-meta {
  color: #999999; }

#bucket-add button,
#bucket-add input.form-sub,
#project-add button,
#project-add input.form-sub,
#list-add button,
#list-add input.form-sub {
  font-size: 12px; }

#project-add div.create-bucket,
#bucket-add div.create-bucket {
  display: none; }

#bucket-add form.gen-form,
#project-add form.gen-form,
#list-add form.gen-form {
  margin-top: 0; }

#bucket-add form.gen-form div.form-field,
#project-add form.gen-form div.form-field,
#list-add form.gen-form div.form-field {
  border: none; }
  #bucket-add form.gen-form div.form-field fieldset input[type=text],
  #bucket-add form.gen-form div.form-field fieldset textarea,
  #project-add form.gen-form div.form-field fieldset input[type=text],
  #project-add form.gen-form div.form-field fieldset textarea,
  #list-add form.gen-form div.form-field fieldset input[type=text],
  #list-add form.gen-form div.form-field fieldset textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

#bucket-add form.gen-form fieldset label,
#project-add form.gen-form fieldset label,
#list-add form.gen-form fieldset label {
  float: none;
  width: auto;
  margin: 0 0 6px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: left; }

#list-add form.gen-form fieldset label.private b {
  padding: 0 17px 0 0;
  background: url(/static/images/icon-private.png) no-repeat 100% 50%; }

#bucket-add form.gen-form fieldset label span,
#project-add form.gen-form fieldset label span,
#list-add form.gen-form fieldset label span {
  font-size: 11px;
  margin-left: 10px;
  font-weight: normal;
  color: #777777; }

#bucket-add form.gen-form p.message,
#project-add form.gen-form p.message,
#list-add form.gen-form p.message {
  text-align: right;
  margin: 0 0 10px 0; }

a.create {
  float: right;
  margin: 8px 0 0 0;
  font-size: 12px;
  font-weight: bold; }

/* player card lightbox */
#change-player-card div.lightbox {
  width: 460px; }

#change-player-card div.lightbox ol.dribbbles li {
  margin-bottom: 10px; }

#change-player-card div.lightbox ol.dribbbles li:last-child {
  margin-right: 0; }

#change-player-card ul.buttons li {
  float: left;
  width: 220px;
  margin-right: 20px;
  font-size: 14px;
  line-height: 1;
  text-align: center; }

#change-player-card ul.buttons li:last-child {
  margin-right: 0; }

#change-player-card .player-card-display a {
  cursor: default; }

/* bucket meta info list */
div.secondary ul.bucket-meta {
  margin-bottom: 30px; }

ul.bucket-meta li.bucket-title-meta {
  margin: 0;
  padding: 4px 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #666; }

ul.bucket-meta li.bucket-title {
  font-size: 14px;
  line-height: 1.3; }

ul.bucket-meta li span.sep {
  margin: 0 3px;
  color: #bbb; }

ul.bucket-meta li span.bucket-url {
  font-size: 13px;
  line-height: 1; }

ul.bucket-meta li span.bucket-url a,
span.bucket-url a {
  padding: 8px 0 8px 21px;
  font-weight: normal;
  color: #777777;
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-image: url("/static/images/icon-weburl.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.bucket-meta li span.bucket-url a,
    span.bucket-url a {
      background-image: url("/static/images/icon-weburl-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

div.profile span.bucket-url {
  margin-left: 5px; }

ul.bucket-meta li span.bucket-url a:hover,
span.bucket-url a:hover {
  color: #444444; }

ul.bucket-meta li.bucket-title-meta span.bucket-status-stamp {
  margin-left: 4px;
  font-size: 11px;
  color: #999999; }

ul.bucket-meta li span.badge {
  margin-left: 0; }

ul.bucket-meta li:first-child {
  padding-top: 0; }

ul.bucket-meta li:last-child {
  padding-bottom: 0;
  border: none; }

ul.bucket-meta li.bucket-title-time {
  font-size: 11px;
  color: #999999; }

ul.bucket-meta li.bucket-title-time strong {
  color: #777777; }

ul.bucket-meta li.bucket-title-attr {
  font-size: 11px;
  font-weight: normal;
  color: #999999; }

ul.bucket-meta li.bucket-title-attr img {
  float: left;
  width: 16px;
  margin: 0 5px 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

ul.bucket-meta li.bucket-title-attr a {
  font-weight: bold; }

ul.bucket-meta li.bucket-title-attr a div {
  display: inline; }

/* bucket meta when under prev/next */
ul.bucket-meta-prevnext {
  padding: 8px 10px 10px 10px;
  margin-top: -16px;
  background: rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

ul.bucket-meta-prevnext h5.bucket-title {
  padding: 0;
  font-size: 13px;
  border: none; }

.live span.meta {
  color: #888;
  text-shadow: 0 1px 0 white; }

ul.bucket-meta-prevnext li.project-title-time {
  padding-top: 4px;
  background-position: 0 4px; }

/* grid lists */
ol.grid-list {
  margin: 0 0 15px 0; }

ol.grid-list li {
  float: left;
  width: 220px;
  margin: 0 30px 10px 0;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

ol.grid-list li:nth-child(3n) {
  margin-right: 0; }

#main.main-full ol.grid-list li:nth-child(3n) {
  margin-right: 30px; }

#main.main-full ol.grid-list li:nth-child(4n) {
  margin-right: 0; }

ol.grid-list li span {
  margin-left: 4px;
  font-size: 12px;
  font-weight: normal;
  color: #bbb; }

/* title on left variation of grid-list */
div.title-list {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #dddddd; }

div.title-list:last-of-type {
  margin: 0 0 35px 0;
  padding: 0;
  border: none; }

div.title-list h3 {
  float: left;
  width: 220px;
  font-size: 16px;
  font-weight: bold; }

div.title-list h3 a {
  color: #444444; }

div.title-list h3 a:hover {
  color: #666; }

div.title-list ol.grid-list {
  margin: 0 0 0 250px; }

div.title-list ol.grid-list li:nth-child(3n) {
  margin-right: 30px; }

div.title-list ol.grid-list li:nth-child(2n) {
  margin-right: 0; }

/* pro styles
--------------------------------------------- */
a.pro-motion, a.team-motion {
  float: right;
  width: 204px;
  padding: 8px;
  text-align: center;
  color: #fff;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }

body#search-results a.pro-motion, body#search-results a.team-motion {
  margin-top: -10px; }

a.invitations {
  float: none;
  display: block;
  width: auto;
  border: 1px solid #e0e0e0;
  background: rgba(255, 255, 255, 0.6); }

a.pro-motion strong, a.team-motion strong {
  display: block;
  margin: 0 0 1px 0;
  font-size: 14px;
  line-height: 1;
  color: #444444; }

a.invitations strong {
  font-size: 11px;
  line-height: 1; }

a.pro-motion strong span.price, a.team-motion strong span.price {
  margin-left: 1px;
  font-size: 12px;
  font-weight: normal; }

a.pro-motion span.badge, a.team-motion span.badge {
  font-size: 10px;
  line-height: 1.7;
  vertical-align: top; }

a.pro-motion span.badge-pro, a.team-motion span.badge-pro {
  background-color: #ff8833; }

a.pro-motion span.badge-team, a.team-motion span.badge-team {
  background-color: #00b6e3; }

a.pro-motion em, a.team-motion em {
  display: block;
  font-size: 11px;
  line-height: 1.3;
  font-style: normal;
  color: #999999; }

a.pro-motion:hover, a.team-motion:hover {
  border-color: #ff8833;
  background: #ff8833 url(/static/images/glass-light.png) repeat-x 0 50%; }

a.team-motion:hover {
  border-color: #00b6e3;
  background: #00b6e3 url(/static/images/glass-light.png) repeat-x 0 50%; }

a.pro-motion:hover span.badge, a.team-motion:hover span.badge {
  background: rgba(0, 0, 0, 0.25); }

a.pro-motion:hover strong, a.team-motion:hover strong,
a.pro-motion:active strong,
a.team-motion:active strong,
a.pro-motion:hover strong span.price,
a.team-motion:hover strong span.price,
a.pro-motion:active strong span.price,
a.team-motion:active strong span.price {
  color: #fff; }

a.pro-motion:hover em, a.team-motion:hover em,
a.pro-motion:active em,
a.team-motion:active em {
  color: rgba(255, 255, 255, 0.8); }

a.practice {
  border-color: #fab655; }

/* pro search sort */
form.select-sort-form, form.find-players-sort {
  position: absolute;
  top: -2px;
  right: 0; }

form.select-sort-form label, form.find-players-sort label {
  margin: 0 1px 0 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 1;
  color: #999999; }

form.select-sort-form select, form.find-players-sort select {
  padding: 4px 5px 4px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  color: #777777;
  border: 1px solid #d0d0d0;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("/static/images/icon-select-arrow.png");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  top: -1px;
  margin: 0;
  padding: 2px 20px 2px 6px;
  font-size: 10px;
  line-height: 12px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    form.select-sort-form select, form.find-players-sort select {
      background-image: url("/static/images/icon-select-arrow-2x.png");
      -webkit-background-size: 13px 5px;
      -moz-background-size: 13px 5px;
      background-size: 13px 5px; } }

form.select-sort-form select:focus, form.find-players-sort select:focus {
  outline: none; }

/* pro search module */
form.filter-options {
  position: relative;
  margin: 0 0 25px 0;
  padding: 15px;
  background: #333;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  div.pro-search-mod form.filter-options {
    display: none;
    position: absolute;
    top: 24px;
    right: 0;
    width: 190px;
    z-index: 1000;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    border-top-right-radius: 0; }

form.filter-options a.sash-pro {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 43px;
  background: url(/static/images/sash-pro-grey.png) no-repeat 0 0;
  -webkit-background-size: 45px 43px;
  -moz-background-size: 45px 43px;
  background-size: 45px 43px; }
  div.pro-search-mod form.filter-options a.sash-pro {
    display: none; }

form.filter-options a.sash-pro:hover {
  background-image: url(/static/images/sash-pro.png?1); }

form.filter-options a.sash-pro img {
  height: 0; }

#options-toggle {
  display: none;
  position: absolute;
  top: -8px;
  right: 0;
  width: 16px;
  height: 16px;
  padding: 8px 12px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #aaa;
  background: url(/static/images/icon-search-expand-2x.png) no-repeat 12px 8px;
  background-size: 16px 16px; }
  div.pro-search-mod #options-toggle {
    display: inline; }

#options-toggle img {
  height: 0; }

#options-toggle.active {
  background-color: #333;
  background-image: url(/static/images/icon-search-expanded-2x.png);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

#options-toggle.searched {
  background-image: url(/static/images/icon-search-expanded-2x.png); }

form.filter-options fieldset {
  margin: 0 0 12px 0; }
  form.filter-options fieldset.last {
    margin-bottom: 0; }

form.filter-options fieldset h3,
div.secondary form.filter-options fieldset h3 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ccc;
  border: none;
  background: none; }

form.filter-options fieldset label {
  margin-right: 10px;
  font-size: 12px;
  color: #999; }

form.filter-options fieldset.find-players-who label {
  display: block;
  margin: 0 0 2px 0; }
  form.filter-options fieldset.find-players-who label:last-child {
    margin: 0; }

form.filter-options fieldset select {
  width: 100%;
  padding: 4px 5px 4px 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  color: #777777;
  border: 1px solid #d0d0d0;
  background-color: rgba(255, 255, 255, 0.6);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("/static/images/icon-select-arrow.png");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  background-color: #eee; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    form.filter-options fieldset select {
      background-image: url("/static/images/icon-select-arrow-2x.png");
      -webkit-background-size: 13px 5px;
      -moz-background-size: 13px 5px;
      background-size: 13px 5px; } }

form.filter-options fieldset select:focus,
form.filter-options fieldset select:active {
  outline: none;
  border-color: #999; }

form.filter-options fieldset ul li {
  padding-bottom: 4px; }

form.filter-options fieldset ul li:last-child {
  padding-bottom: 0; }

div.results-pane {
  position: relative; }

form.filter-options li.options {
  margin-top: 5px;
  font-size: 11px; }

form.filter-options li.options span {
  margin: 0 4px;
  color: #555; }

form.filter-options li.options a {
  font-weight: bold; }

form.filter-options fieldset.find-players-geo,
form.filter-options fieldset.find-players-skills {
  position: relative; }

form.filter-options input[type="text"] {
  width: 100%;
  margin: 0;
  padding: 8px 5px 8px 30px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #444444;
  border: none;
  background: #eee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

form.filter-options input[type="text"]::-webkit-input-placeholder {
  color: #999999; }

form.filter-options fieldset.find-players-geo input[type="text"] {
  padding-left: 27px;
  background-image: url("/static/images/icon-geo-search.png");
  background-repeat: no-repeat;
  background-position: 10px 50%; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    form.filter-options fieldset.find-players-geo input[type="text"] {
      background-image: url("/static/images/icon-geo-search-2x.png");
      -webkit-background-size: 11px 16px;
      -moz-background-size: 11px 16px;
      background-size: 11px 16px; } }

form.filter-options fieldset.find-players-skills input[type="text"] {
  background-image: url("/static/images/icon-skills.png");
  background-repeat: no-repeat;
  background-position: 8px 50%; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    form.filter-options fieldset.find-players-skills input[type="text"] {
      background-image: url("/static/images/icon-skills-2x.png");
      -webkit-background-size: 16px 16px;
      -moz-background-size: 16px 16px;
      background-size: 16px 16px; } }

form.filter-options fieldset.find-players-geo input[type="text"]:focus,
form.filter-options fieldset.find-players-skills input[type="text"]:focus {
  color: #444444;
  background-color: #fff;
  outline-width: 0; }

form.filter-options fieldset a.remove-location,
form.filter-options fieldset a.remove-skills {
  position: absolute;
  bottom: 25px;
  right: 9px;
  opacity: .7;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

form.filter-options fieldset a.remove-location:hover,
form.filter-options fieldset a.remove-skills:hover {
  opacity: 1; }

form.filter-options fieldset p.help {
  margin-top: 5px;
  font-size: 11px;
  color: #999; }

form.filter-options input.form-sub {
  display: block;
  width: 100%;
  margin: 10px 0 0 0;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  background: #666666 url(/static/images/glass-light.png) repeat-x 0 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  form.filter-options input.form-sub:hover {
    background-color: #ff8833; }
  form.filter-options input.form-sub:active {
    background-color: #db5c02; }
  body#teams form.filter-options input.form-sub:hover {
    background-color: #00b6e3; }
  body#teams form.filter-options input.form-sub:active {
    background-color: #0093b7; }

form.filter-options-act a {
  color: #777; }
  form.filter-options-act a:hover {
    color: #999; }

/* Pro Search upsell button */
a.pro-motion-search {
  position: absolute;
  top: 8px;
  right: 0;
  margin: 0;
  padding: 8px 6px;
  z-index: 100; }
  a.pro-motion-search:hover {
    border-color: #ff8833; }

a.pro-motion-search:after,
a.pro-motion-search:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

a.pro-motion-search:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 16px;
  left: 50%;
  margin-left: -16px; }

a.pro-motion-search:before {
  border-color: rgba(213, 213, 213, 0);
  border-top-color: #ddd;
  border-width: 17px;
  left: 50%;
  margin-left: -17px; }

a.pro-motion-search:hover:after,
a.pro-motion-search:hover:before {
  border-top-color: #ff8833; }

/* not so fast */
div.not-so-fast {
  position: relative; }

div.not-so-fast div.go-pro {
  position: absolute;
  top: 40px;
  width: 70%;
  margin: 0 15%;
  padding: 15px 0 25px;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  color: #777777;
  z-index: 2;
  background: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }

div.not-so-fast div.go-pro a.close {
  position: absolute;
  top: 5px;
  right: 5px; }
  div.not-so-fast div.go-pro a.close:hover {
    opacity: .7; }

div.not-so-fast ol {
  opacity: .2; }

/* footer
--------------------------------------------- */
#footer {
  border-top: 1px solid #dddddd; }

#footer-inner {
  max-width: 970px;
  margin: 0 auto;
  padding: 30px 10px 20px 10px;
  font-size: 12px;
  color: #999999; }

#footer a {
  font-weight: bold;
  color: #777777; }

#footer a:hover {
  text-decoration: none;
  color: #ea4c89; }

#footer p {
  clear: left;
  margin: 0 15px 10px 0;
  line-height: 1.6; }

#footer p.logo {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #999999; }

#footer p.logo a img {
  float: left;
  margin: 0 10px 0 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

#footer p.logo a:hover img {
  opacity: .8; }

#footer a.footer-twitter {
  margin: 0 15px 0 0;
  padding: 1px 0 0 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/images/icon-twitter-footer.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #footer a.footer-twitter {
      background-image: url("/static/images/icon-twitter-footer-2x.png");
      -webkit-background-size: 16px 50px;
      -moz-background-size: 16px 50px;
      background-size: 16px 50px; } }

#footer a.footer-twitter:hover {
  background-position: 0 -34px; }

#footer a.footer-pro span.badge {
  position: relative;
  top: -1px;
  font-size: 9px;
  line-height: 1.5;
  background-color: #bbbbbb; }

#footer a.footer-pro:hover {
  color: #ff8833; }

#footer a.footer-pro:hover span.badge {
  background-color: #ff8833; }

#footer div.footer-links {
  float: left;
  width: 220px;
  margin: 0 30px 20px 0; }
  #footer div.footer-links:last-child {
    margin-right: 0; }
  #footer div.footer-links h3 {
    margin: 0 0 4px 0;
    font-size: 12px;
    color: #777777; }
  #footer div.footer-links ul li a {
    font-size: 12px;
    line-height: 1.8;
    font-weight: normal;
    color: #999999; }
    #footer div.footer-links ul li a:hover {
      color: #777777; }
    #footer div.footer-links ul li a:active {
      color: #444444; }

/* pixels dribbbled */
h4#pixels-total {
  position: relative;
  width: 166px;
  float: right;
  padding: 0 0 0 54px;
  font-size: 1.1em;
  line-height: 1.4;
  font-weight: normal;
  color: #777777;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-top-right-radius: 6px;
  -moz-border-top-left-radius: 20px;
  border-top-right-radius: 6px;
  border-top-left-radius: 20px; }

#non-logged-blurb h4#pixels-total {
  margin-top: 12px; }

h4#pixels-total strong {
  display: block;
  padding-top: 4px;
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: bold;
  color: #333; }

h4#pixels-total img {
  position: absolute;
  top: 0;
  left: 0; }

/* misc.
--------------------------------------------- */
hr, .hide {
  display: none; }

.invisible {
  opacity: 0; }

a img {
  border: none; }

/* rss links */
a.rss {
  position: absolute;
  right: 240px;
  margin: 12px 10px 0 0;
  padding: 0 0 0 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  color: #ea4c89;
  background: url(/static/images/icon-rss.gif) no-repeat 0 0; }
  body#user-profile a.rss, body#profile a.rss {
    right: 0; }

div.results-pane a.rss {
  right: 0; }

a.rss:hover {
  color: #ac2d5d;
  background-position: 0 -36px; }

div.main-full a.rss {
  right: 0; }

span.hero-link-jobs {
  position: absolute;
  width: 22.680412371134%;
  /* 220 / 970 */
  bottom: 18px;
  right: 0;
  bottom: 20px; }
  span.hero-link-jobs a.rss-jobs, span.hero-link-jobs a.twitter-jobs {
    float: left;
    margin: 0 20px 5px 0;
    padding-left: 21px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("/static/images/icon-rss-white.png");
    opacity: .7; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
      span.hero-link-jobs a.rss-jobs, span.hero-link-jobs a.twitter-jobs {
        background-image: url("/static/images/icon-rss-white-2x.png");
        -webkit-background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        background-size: 16px 16px; } }
    span.hero-link-jobs a.rss-jobs:hover, span.hero-link-jobs a.twitter-jobs:hover {
      opacity: 1; }
  span.hero-link-jobs a.twitter-jobs {
    margin-right: 0;
    background-image: url("/static/images/icon-tweet16-white.png"); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
      span.hero-link-jobs a.twitter-jobs {
        background-image: url("/static/images/icon-tweet16-white-2x.png");
        -webkit-background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        background-size: 16px 16px; } }

/* processing bouncing ball */
div.processing {
  margin: 0;
  padding: 10px 10px 10px 42px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.8em;
  color: #444444;
  background-color: #fff;
  background-image: url("/static/images/processing.gif");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  z-index: 999; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.processing {
      background-image: url("/static/images/processing-2x.gif");
      -webkit-background-size: 32px 32px;
      -moz-background-size: 32px 32px;
      background-size: 32px 32px; } }

#infscr-loading {
  padding: 10px;
  margin-bottom: 30px;
  text-align: center;
  color: #999999; }

#infscr-loading img {
  display: block;
  margin: 0 auto 8px auto; }

div.processing em {
  font-weight: normal;
  font-style: normal;
  color: #777777; }

.processing,
a.processing,
div.meta-act a.processing,
div.meta-act div.marked a.processing,
a.processing:hover,
input.processing:hover {
  padding-left: 33px;
  color: #333;
  background-color: #fff;
  background-image: url("/static/images/processing.gif");
  background-repeat: no-repeat;
  background-position: 3px 50%; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .processing,
    a.processing,
    div.meta-act a.processing,
    div.meta-act div.marked a.processing,
    a.processing:hover,
    input.processing:hover {
      background-image: url("/static/images/processing-2x.gif");
      -webkit-background-size: 32px 32px;
      -moz-background-size: 32px 32px;
      background-size: 32px 32px; } }

div.meta-act a.processing,
div.meta-act div.marked a.processing {
  background-color: transparent; }

a.processing:hover span {
  color: #333;
  background: none; }

span.processing {
  display: inline-block;
  padding: 6px 10px 6px 33px;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

a.processing span {
  padding: 0;
  background: none; }

table.data td.follow a.processing, table.order-history td.follow a.processing,
ol.players-list li a.processing,
ol.player-cards li a.processing {
  padding: 0;
  width: 24px;
  height: 24px;
  background-position: -4px 50%;
  overflow: hidden; }

div.single-title div.shot-byline a.processing,
ol.activity li a.processing {
  /* when tiny follow/unfollow icon only on shot detail byline */
  background-position: -9px -3px;
  overflow: hidden; }

div.single-title div.shot-byline a.processing span,
div.single-title div.shot-byline a.processing:hover span,
ol.activity li a.processing span,
ol.activity li a.processing:hover span {
  background: none; }

table.data td.follow a.processing:hover span, table.order-history td.follow a.processing:hover span,
ol.players-list li a.processing:hover span,
ol.player-cards li a.processing:hover span {
  background: none; }

div.processing-results {
  width: 350px;
  position: absolute;
  top: 136px;
  left: 150px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); }

/* error handling */
.errorExplanation, .errorWarning, .warningExplanation {
  margin: 0 0 20px 0;
  font-size: 1em;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;
  color: #df3b3b;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 2px #dddddd;
  -moz-box-shadow: 0 2px 2px #dddddd;
  box-shadow: 0 2px 2px #dddddd; }

.errorExplanation h2, .errorWarning h2, .warningExplanation h2 {
  padding: 10px 20px;
  font-size: 1.2em;
  line-height: 1;
  color: #fff;
  background: #df3b3b url(/static/images/alert-lines.png) repeat-x top left;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.errorWarning h2 {
  background-color: #ea4c89; }

.errorExplanation ul, .errorWarning ul, .warningExplanation ul,
div.site .errorExplanation ul,
div.site .errorWarning ul,
div.site .warningExplanation ul,
.errorExplanation p,
.errorWarning p,
.warningExplanation p {
  margin-top: 0;
  padding: 20px 20px 15px 20px; }

.errorExplanation ul li, .errorWarning ul li, .warningExplanation ul li,
div.site .errorExplanation ul li,
div.site .errorWarning ul li,
div.site .warningExplanation ul li {
  margin: 0 0 5px 20px;
  list-style: disc; }

#project-add .errorExplanation ul li, #project-add .errorWarning ul li, #project-add .warningExplanation ul li,
#bucket-add .errorExplanation ul li,
#bucket-add .errorWarning ul li,
#bucket-add .warningExplanation ul li,
#list-add .errorExplanation ul li,
#list-add .errorWarning ul li,
#list-add .warningExplanation ul li {
  font-size: 12px;
  line-height: 1.4; }

.errorWarning p {
  font-size: 13px;
  line-height: 1.4;
  color: #444444; }

fieldset.fieldWithErrors {
  background: url(/static/images/icon-error.png) no-repeat 20px 50%; }

div.main-full fieldset.fieldWithErrors {
  background: none; }

#project-add fieldset.fieldWithErrors,
#bucket-add fieldset.fieldWithErrors,
#list-add fieldset.fieldWithErrors {
  background: none; }

/* informational warning */
.warningExplanation {
  color: #444444; }
  .warningExplanation h2 {
    font-size: 13px;
    background-color: #4083a9; }
  .warningExplanation p {
    font-size: 12px;
    line-height: 1.5;
    padding: 15px 20px; }

/* null value messages */
.null {
  font-size: .8em;
  font-style: normal;
  color: #999999; }

.null-message {
  margin: 40px;
  text-align: center;
  font-style: normal;
  color: #999999; }

.null-message h2 {
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.5; }

.go-pro {
  margin: 0;
  padding: 0; }

.go-pro h2 {
  font-size: 22px;
  line-height: 2; }
  div.pro-search-mod .go-pro h2 {
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    text-align: center;
    color: #999; }

.go-pro h2 em {
  display: block;
  margin: 12px 0 0 0;
  font-size: 14px;
  font-style: normal;
  line-height: 1; }

.go-pro h2 strong {
  color: #444444; }

.go-pro h2 a {
  font-weight: bold;
  color: #ff8833; }
  .go-pro h2 a:hover {
    color: #f67213; }
  .go-pro h2 a:active {
    color: #db5c02; }

.go-pro h2 a.form-sub, .go-pro h2 a.form-sub-big, .go-pro h2 a.form-sub-teams {
  margin: 0 4px 0 0;
  color: #fff;
  background-color: #ff8833; }
  div.pro-search-mod .go-pro h2 a.form-sub, div.pro-search-mod .go-pro h2 a.form-sub-big, div.pro-search-mod .go-pro h2 a.form-sub-teams {
    display: block;
    margin: 0 0 8px 0; }
  .go-pro h2 a.form-sub:hover, .go-pro h2 a.form-sub-big:hover, .go-pro h2 a.form-sub-teams:hover {
    background-color: #f67213; }
  .go-pro h2 a.form-sub:active, .go-pro h2 a.form-sub-big:active, .go-pro h2 a.form-sub-teams:active {
    background-color: #db5c02; }

/* friendly announcements */
div.friendly, div.team-invite {
  margin: -20px 0 25px 0;
  padding: 25px 30px 25px 30px;
  font-size: 1.2em;
  line-height: 1.4;
  color: #444444;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

div.friendly-alt {
  margin: 0;
  padding: 20px 20px 15px 20px;
  text-align: left;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  body#upld div.friendly-alt, div.col-about div.friendly-alt, #main div.under-hero div.friendly-alt,
  #main div.under-hero-jobs div.friendly-alt {
    margin-bottom: 30px; }

div.friendly-short {
  padding: 10px 15px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.3; }
  div.secondary div.friendly-short {
    margin-top: -14px;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 1.4; }

div.friendly-compact, div.team-invite {
  padding: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  text-align: center; }

div.team-invite .form-sub, div.team-invite a.form-sub-big, div.team-invite a.form-sub-teams {
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #00b6e3; }
  div.team-invite .form-sub:hover, div.team-invite a.form-sub-big:hover, div.team-invite a.form-sub-teams:hover {
    background-color: #00a8d2; }
  div.team-invite .form-sub:active, div.team-invite a.form-sub-big:active, div.team-invite a.form-sub-teams:active {
    background-color: #0093b7; }

div.friendly-compact span.badge-title, div.team-invite span.badge-title {
  position: relative;
  top: -1px;
  margin: 0 4px 0 0; }

div.secondary div.friendly-compact, div.secondary div.team-invite {
  margin-top: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

div.form-field div.friendly, div.form-field div.team-invite {
  font-size: 1em;
  margin: 15px 0 0 0; }

div.friendly h2, div.team-invite h2 {
  margin: 0 0 10px 0;
  font-size: 1.4em;
  line-height: 1;
  font-weight: bold; }

div.friendly-alt h2 {
  font-size: 20px; }

div.friendly h3, div.team-invite h3 {
  margin: 15px 0 10px 0;
  font-size: 1.2em;
  line-height: 1;
  font-weight: normal; }

div.friendly p, div.team-invite p {
  margin: 0 0 5px 0;
  line-height: 1.4; }

div.friendly p.note, div.team-invite p.note {
  font-size: 13px; }

div.friendly p span.sep, div.team-invite p span.sep {
  margin: 0 4px;
  opacity: .5; }

div.friendly a:link, div.team-invite a:link,
div.friendly a:visited,
div.team-invite a:visited {
  font-weight: bold;
  text-decoration: underline; }

div.friendly-compact a, div.team-invite a {
  text-decoration: underline; }

div.friendly ul, div.team-invite ul {
  margin: 0 0 0 25px;
  list-style: disc; }

div.friendly ul li, div.team-invite ul li {
  margin: 0 0 2px 0; }

div.friendly-compact span.meta, div.team-invite span.meta {
  margin-left: 4px;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.4); }

div.friendly-compact img.point, div.team-invite img.point {
  position: absolute;
  top: 30px;
  right: 240px; }

div.friendly a.close, div.team-invite a.close {
  float: right; }

div.renew-prompt {
  background-color: #fff1c6;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  div.renew-prompt span.or {
    color: rgba(0, 0, 0, 0.7); }
  div.renew-prompt div.pro-renew {
    margin: 10px 0 0 0; }
    div.renew-prompt div.pro-renew input {
      width: 25%;
      min-width: 120px; }

/* absolutely-positioned, dismissable message */
div.notice-alert {
  display: none;
  position: fixed;
  top: 70px;
  margin-left: 125px;
  width: 690px;
  padding: 15px 30px;
  text-align: center;
  color: #ccc;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 999; }
  div.notice-alert h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3; }
  div.notice-alert a.close {
    position: absolute;
    top: 6px;
    right: 6px;
    opacity: .6; }
    div.notice-alert a.close:hover {
      opacity: 1; }

/* highlighting for ajax editing */
.highlighted {
  margin: 0;
  background: url(/static/images/hi-bg.png); }

/* self-clear floats */
.group {
  position: relative; }

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* tipsy tooltips */
.tipsy {
  padding: 5px;
  font-size: 1.1em;
  line-height: 1.4;
  position: absolute;
  z-index: 100000; }

.tipsy-inner {
  padding: 6px 8px;
  background: #1e2124 repeat-x top left;
  color: white;
  color: rgba(255, 255, 255, 0.9);
  max-width: 196px;
  text-align: center;
  -webkit-box-shadow: 1 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1 1px 3px rgba(0, 0, 0, 0.5); }

.tipsy-inner {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.tipsy-arrow {
  position: absolute;
  background: url(/static/images/tipsy.png) no-repeat top left;
  width: 9px;
  height: 5px; }

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px; }

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px; }

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px; }

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left; }

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left; }

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left; }

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right; }

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px; }

.tipsy p {
  margin: 0 0 10px 0;
  text-align: left; }

.tipsy p:last-child {
  margin: 0; }

/* global HiDPI graphics
--------------------------------------------- */
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #logo a,
  #logo span {
    background-image: url(/static/images/dribbble-hd.png);
    background-size: 100px 26px; }

  #search input.search-text {
    background-image: url(/static/images/icon-search-retina.png);
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px; }

  #nav li#t-activity a span {
    background-image: url(/static/images/icon-activity-retina.png);
    -webkit-background-size: 23px 16px;
    -moz-background-size: 23px 16px;
    background-size: 23px 16px; }

  #nav li#t-upld a span {
    background-image: url(/static/images/icon-upload-hd.png);
    -webkit-background-size: 29px 18px;
    -moz-background-size: 29px 18px;
    background-size: 29px 18px; }

  #nav li#t-signup a span {
    background-image: url(/static/images/icon-signup-hd.png);
    -webkit-background-size: 22px 17px;
    -moz-background-size: 22px 17px;
    background-size: 22px 17px; }

  h4#pixels-total img {
    height: 0; }

  h4#pixels-total {
    min-height: 56px;
    background: url(/static/images/ball-retina.png) no-repeat 0 0;
    -webkit-background-size: 46px 56px;
    -moz-background-size: 46px 56px;
    background-size: 46px 56px; } }
/* IE patches
--------------------------------------------- */
*:first-child + html .group,
*:first-child + html ul.tabs,
*:first-child + html h3.tab {
  /* IE7 */
  min-height: 1px; }

*:first-child + html #add fieldset#upload input {
  border: 1px solid #dddddd;
  background: #fff; }
